, v& o4 f7 X0 P. a" r

特别说明：完整STemWin的1-60期教程和配套实例下载地址：链接

第6章      STemWin文本显示

      本期主要讲文本的显示，整体来说比较的简单，但很适合初学者看，有些文本函数在使用上要特别注意，教程中会给大家详细的讲解。

    6. 1  简单文本显示

    6. 2  文本绘制模式

    6. 3  GUI_DispStringInRectWrap函数的使用

    6. 4  开发板上面实现自动换行的例子

    6. 5  总结

' Q% M" ~5 O$ o0 ]$ |) J$ ]

6.1  简单文本显示

    讲解简单的文本显示前得说下控制字符，因为在使用STemwin来做一个文本阅读器时，了解这个很重要。控制字符是指字符代码小于32的字符。控制字符被定义为ASCII代码的一部分。emWin忽略了下表所列字符以外的所有控制字符：

字符代码	ASCII码	C	描述
10	LF	\n	换行。    当前文本位置改变至下一行的开始。默认为：X  = 0。    Y + =字体-距离 （单位：像素）（如例程GUI_GetFontDistY()计算得出）
13	CR	\r	回车。    当前文本位置改变至当前行的开始。默认为：X = 0。

    控制字符LF的用法在字符串中非常方便。换行符可以作为字符串的一部分，这样，字符串就可以拆分为多行，且只需调用一个例程就能显示。

    下面在emWin5.24的模拟器上面实现一下，下面的这个程序，主要是通过\n实现换行，模拟器的使用方法，看前面几期就会了。

1. void MainTask(void)
   1 }3 u0 n1 k$ R/ O* k* U0 a
2. {
   
3.      GUI_Init();（1）
   
4.      /*  对于初学者，这个地方一定要注意，这里只是设置背景颜色，也就是给变量赋值了一下  */
   
5.      GUI_SetBkColor(GUI_BLUE);
   + n, y, ]+ D/ j) C
6.      /* 要实现背景颜色的改变，必须的执行下面这句 */
   
7.      GUI_Clear();
   
8.      GUI_SetFont(&GUI_Font8x16);
   9 k4 t$ o* w2 P/ C  W
9.      /* 这里调用字符串显示  并实现一下换行  */
   
10.      GUI_DispString("www.armfly.com \navailable");
    
11.    
    , G# V9 D% S# C! e( @1 f' I
12.      while (1)
    
13.      {     
    
14.          GUI_Delay(1000);（2）
    ' a6 u+ S/ S' c/ D: e
15.      }
    
16. }

复制代码

1.    使用STemWin函数前，初始化一定要有。

2.    这里不仅仅是个延迟函数，窗口的刷新等功能最终是由这个函数实现的。

       实际显示效果如下：

函数GUI_DispStringAt()

        GUI_DispStringHCenterAt()

        GUI_DispStringInRect() 平时使用的也比较多，有兴趣的可以在模拟器上面练练手。

6.2  文本绘制模式

    通常，在所选窗口的当前文本位置，使用所选字体以正常文本模式写入文本。正常文本模式意思是指文本覆盖已经显示的任何内容，在这种情况下，字符掩码中设定的位元在屏幕上被设定。在这种模式下，活动位元使用前景颜色写入，而非活动位元用背景颜色写入。但在某些情况下，需要更改这种默认模式。STemWin为此提供了四种可以组合使用的标记 （一种默认加三种修改标记）：

正常文本

    通过指定GUI_TEXTMODE_NORMAL或0，可以正常显示文本。

反转文本

    通过指定GUI_TEXTMODE_REV，可以反转显示文本。通常的黑底白字显示方式将变为白底黑字显示。

透明文本

    通过指定GUI_TEXTMODE_TRANS，可以显示为透明文本。透明文本表示文本写在屏幕上已经可见的内容之上。不同之处在于，屏幕上原有的内容仍然可见，而在正常文本中，背景会替换为当前选择的背景色。

异或文本

    通过指定GUI_TEXTMODE_XOR，可以使用异或模式显示文本。通常情况下，用白色绘制的 （实际字符）显示是反相的。如果背景色是黑色，效果与默认模式（正常文本）是一样的。如果背景是白色，输出与转文本一样。如果使用彩色，反相的像素由下式计算：

        新像素颜色=颜色的值–实际像素颜色–1。

透明反转文本

    通过指定GUI_TEXTMODE_TRANS | GUI_TEXTMODE_REV，可以显示为透明反转文本。与透明文本一样，它不会覆盖背景，而且和反转文本一样，该文本会反转显示。其他信息请注意，还可以使用缩写形式：例如，GUI_TM_NORMAL。

1. void MainTask(void)
   , z" n+ D) C$ h
2. {   
   
3.      GUI_Init();
   
4.      /* 设置字体 */   
   
5.      GUI_SetFont(&GUI_Font8x16);
   
6.      /* 设置背景颜色 */   
   
7.      GUI_SetBkColor(GUI_BLUE);
   4 g6 i* b8 w' U- C! q5 E0 c, {8 U! E
8.      GUI_Clear();      
   3 q+ v: y, y# M1 \
9.      /* 设置画笔的粗细以及颜色，只有矢量函数才能设置Size */
   
10.      GUI_SetPenSize(10);   
    
11.      GUI_SetColor(GUI_RED);
    
12.      GUI_DrawLine(80, 10, 240, 90);   
    $ c; l. n1 v& I# P' A2 l: n
13.      GUI_DrawLine(80, 90, 240, 10);
    ; u# ^+ ?9 A  _
14.      GUI_SetBkColor(GUI_BLACK);
    ) u. R# n2 y; h; x3 t( k$ @  T% ]
15.      GUI_SetColor(GUI_WHITE);      
    
16.      /* 设置正常模式 */
    4 M6 U# Y+ q% w' e$ v
17.      GUI_SetTextMode(GUI_TM_NORMAL);  
    4 k2 \- i# z& d& m; H2 I, K
18.      GUI_DispStringHCenterAt("GUI_TM_NORMAL" , 160, 10);
    , B( L+ k+ R# G6 p
19.      /* 翻转文本 */   
    4 O& \# [8 D3 k7 w1 S
20.      GUI_SetTextMode(GUI_TM_REV);
    
21.      GUI_DispStringHCenterAt("GUI_TM_REV" , 160, 26);        
    
22.      /* 透明文本 */
    
23.      GUI_SetTextMode(GUI_TM_TRANS);   
    
24.      GUI_DispStringHCenterAt("GUI_TM_TRANS" , 160, 42);
    
25.      /* 异或文本 */   
    
26.      GUI_SetTextMode(GUI_TM_XOR);
    ) n1 I8 }4 E2 F
27.      GUI_DispStringHCenterAt("GUI_TM_XOR" , 160, 58);   
    
28.      /* 设置文本模式 */
    
29.      GUI_SetTextMode(GUI_TM_TRANS | GUI_TM_REV);   
    3 N* X. l3 e$ N- ~; U, o$ D
30.      GUI_DispStringHCenterAt("GUI_TM_TRANS | GUI_TM_REV", 160, 74);
    $ a% Y. o! w/ B6 O# i
31.      while (1)   
    ) m: s7 g' d, R0 A' T6 T
32.      {
    
33.          GUI_Delay(1000);   
    + _3 l: p1 a& h2 |1 ^  C* A
34.      }
    
35. }

复制代码

    实际显示效果如下：

) N* a. P* w: N6 y: K  n( C

    关于文本设置方面还有一个函数这个里面还有一个函数GUI_SetTextStyle()，有兴趣的可以试试。

6.3  GUI_DispStringInRectWrap函数的使用

    先贴一下官方的使用说明

8 W! k' A0 j0 _5 N% [  M

    下面这个例子非常的好，很好的说明了三种模式的区别

1. #include "GUI.h"
   ) ?& Z# k/ V  s  k& e
2. 
   
3. int i;
   
4. char acText[] = "This example demonstrates text wrapping";
   
5. GUI_RECT Rect = {10, 10, 59, 59};
   % |- T, @/ k( X2 W4 o3 T. L3 C5 \0 i( ^
6. GUI_WRAPMODE aWm[] = {GUI_WRAPMODE_NONE,
   ; |4 \0 n/ q; [3 W" w$ W. B
7.                       GUI_WRAPMODE_CHAR,
   * L) A( B% n0 b0 Z4 H5 Z3 G
8.                       GUI_WRAPMODE_WORD};
   
9. void MainTask(void)
   1 E2 _7 _- ^. Z" x2 z- G9 v
10. {
    
11.     GUI_Init();
    
12.     GUI_SetTextMode(GUI_TM_TRANS);
    3 [# O2 l- G/ Z- O
13.     for (i = 0; i < 3; i++)
    
14.     {
    # X5 D# W  x+ x9 \, ?$ _; X
15.         GUI_SetColor(GUI_BLUE);
    
16.         GUI_FillRectEx(&Rect);
    
17.         GUI_SetColor(GUI_WHITE);
    8 Z1 b! ~4 l- W& ?, _2 q# b+ O) m
18.         GUI_DispStringInRectWrap(acText, &Rect, GUI_TA_LEFT, aWm[i]);
    
19.         Rect.x0 += 60;
    
20.         Rect.x1 += 60;
    
21.     }
    
22.     while (1)
    9 q: W# i7 S" ~$ M) ^
23.     {
    $ Y0 ~2 q* n# I" B& |
24.         GUI_Delay(10);
    
25.     }
    2 D1 L5 p8 n* w/ N2 _9 E1 E8 k1 K
26. }

复制代码

    实际显示效果如下：

4 O7 Y0 s9 A" D6 j

6.4  开发板上实现自动换行的例子

    下面是在开发板上面实现的自动换行例子：

1. #include "GUI.h"
   
2. 
   * O$ ]# N; o0 ]% O5 l% Z
3. int i;
   % o. _2 ?+ `- G5 M0 O
4. char acText[] = "www.armfly.com www.armfly.taobao.com Eric2013";
   ) u2 q0 S  R: h8 O- F
5. GUI_RECT Rect = {10, 10, 59, 59};
   : L# H/ Q  v- e/ a- T
6. GUI_WRAPMODE aWm[] = {GUI_WRAPMODE_NONE,
   3 W1 o6 Q# Y( \1 d
7. GUI_WRAPMODE_CHAR,
   
8. GUI_WRAPMODE_WORD};
   
9. /*
   : R0 j2 U. U6 u8 B7 T  @) o
10. *********************************************************************************************************
    3 i* @2 f# l! L1 L
11. * 函 数 名: MainTask
    
12. * 功能说明: GUI主函数
    8 w: Z: Z5 o5 w4 T
13. * 形 参：无
    
14. * 返 回 值: 无
    0 D! A8 R6 {2 @  ^
15. *********************************************************************************************************
    
16. */
    
17. void MainTask(void)
    
18. {
    
19. GUI_Init();
    / p' J& A5 X' u- ~2 c9 q$ w7 h
20. GUI_SetTextMode(GUI_TM_TRANS);
    
21. for (i = 0; i < 3; i++)
    7 L5 G6 u6 f1 F' h" @
22. {
    + j1 [/ C8 \. k, R$ H9 L
23. GUI_SetColor(GUI_BLUE);
    
24. GUI_FillRectEx(&Rect);
    
25. GUI_SetColor(GUI_WHITE);
    % l( c4 ^0 P* c3 X
26. GUI_DispStringInRectWrap(acText, &Rect, GUI_TA_LEFT, aWm[i]);
    ; L' ^* k' |$ U1 E/ X! }/ f
27. Rect.x0 += 60;
    
28. Rect.x1 += 60;
    
29. }
    8 f9 O& W  M# O& p
30. while (1)
    
31. {
    5 t  S, d3 k* |& N
32. GUI_Delay(10);
    
33. }
    , _( N# G: n- [7 Q7 S. ]/ x! _, f
34. }

复制代码

    将上面的代码复制到工程中的MainTask.c文件即可。

    实际显示效果如下：

6.5  总结

    文本的显示属于最基本的功能，初学者要多练练这些相关的函数，实践出真知。要不以后做一些复杂的例子，往往就是这些简单的地方出错。

: ~$ H: z( [- u