【emWin实战教程V2.0】第57章 PROGBAR-进度条控件

席萌0209

完整65章+12章附件教程下载地址：
http://www.armbbs.cn/forum.php?mod=viewthread&tid=19834





第57章     PROGBAR-进度条控件


         本章节为大家讲解STemWin支持的进度条控件，进度条属于易学易用的控件，主要用于显示进度更新效果。
57.1 初学者重要提示
57.2 进度条控件基础知识
57.3 使用GUIBuilder创建进度条控件并用模拟器显示出来
57.4 官方WIDGET_Progbar.c实例
57.5 实验例程说明（RTOS）
57.6 实验例程说明（裸机）
57.7 总结

席萌0209

57.1  初学者重要提示


u  初学者爱问的问题简单汇总：
        问题1：进度条控件是否可以垂直显示？
        答：可以的，通过小软件GUIBuilder就可以设置或者使用函数PROGBAR_CreateEx的ExFlags形参就可以设置。
2、本教程配套的emWin版本是5.32，从emWin5.28版本开始，皮肤色是自动使能的，所以部分进度条控件的API函数是失效的，主要是进度条控件颜色设置函数，此问题也经常被初学者问。
3、进度条控件的所有API函数在emWin手册中都有讲解，下图是中文版手册里面API函数位置：

        下图是英文版手册里面API函数的位置：

席萌0209

57.2 进度条控件基础知识


        进度条主要用于显示进度，下面的截图是设置了皮肤和没有设置皮肤时的显示效果：

设置皮肤后显示效果如下：

57.2.1    进度条控件支持的通知代码

       进度条控件不支持通知代码。

57.2.2   进度条控件支持的键盘反应（输入聚焦）


        进度条控件不支持输入聚焦，这点要特别注意。不支持输入聚焦的话，外置键盘或者类似外置键盘的输入设备给进度条控件发消息是没有任何反应的。
        （输入聚焦是一个重要的知识点，使用外置键盘或者类似外置键盘的输入设备要用到）

57.2.3   进度条控件API函数


        进度条控件的API函数比较少，而且调用也比较简单。本章节教程配套例子是将进度条控件配合对话框一起使用的，实际项目中也推荐大家这么做，可以很方便的进行界面管理。在对话框上面使用进度条控件是通过函数PROGBAR_CreateIndirect()来实现的。根据第41章41.7.1小节讲解的<WIDGET>_CreateIndirect()函数，GUI_WIDGET_CREATE_INFO结构体类型定义如下：

1. typedef struct {
2. GUI_WIDGET_CREATE_FUNC * pfCreateIndirect;    // 间接创建函数
3. const char * pName;                           // 控件名(不是所有控件都需要)
4. I16 Id;                                       // 控件ID
5. I16 x0, y0, xSize, ySize;                     // 控件的坐标位置和大小
6. I16 Flags;                                    // 控件用到的标志，没有就写0
7. I32 Para;                                     // 控件用到的参数，没有就写0
8. U32 NumExtraBytes;                            // 函数 <WIDGET>_SetUserData & <WIDGET>_GetUserData用到的
9. // 额外字节。
10. } GUI_WIDGET_CREATE_INFO;

复制代码

        上面结构体成员里面的标记Flags和参数Para是可选的，函数PROGBAR_CreateIndirect()没有用到参数Para，但用到了标记Flags，与函数PROGBAR_CreateEx的形参ExFlags是等效的，具体形参ExFlags支持哪些标记参看emWin官方手册中的说明即可。
        这里举一个对话框资源列表里面创建进度条控件的例子，帮助大家更好的理解：

1. /*
2. *********************************************************************************************************
3. *                           宏定义
4. *********************************************************************************************************
5. */
7. #define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
8. #define ID_PROGBAR_0  (GUI_ID_USER + 0x01)
10. /*
11. *********************************************************************************************************
12. *                           GUI_WIDGET_CREATE_INFO类型数组
13. *********************************************************************************************************
14. */
15. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] =
16. {
17.   { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 800, 480, 0, 0x64, 0 },
18.   { PROGBAR_CreateIndirect, "Progbar", ID_PROGBAR_0, 39, 34, 174, 35, 0, 0x0, 0 },
19. };

复制代码

上面的对话框资源列表里面依次创建了框架窗口控件，进度条控件。进度条控件的参数和GUI_WIDGET_CREATE_INFO结构成员的对应关系如下：

pfCreateIndirect = PROGBAR_CreateIndirect;
pName = &quotrogbar";
Id = ID_PROGBAR_0;
x0 = 39;
y0 = 34;
xSize = 174;
ySzie = 35;
Flags = 0;
Para = 0x0;
NumExtraBytes = 0;
对于这个对应关系要注意以下两点：
1、这里的x0和y0坐标位置是相对于对话框资源列表中框架窗口的客户端窗口的位置坐标。
2、Id号，这里的Id号是用户自定义的，emWin在GUI.h文件中也定义了部分进度条控件的Id号，用户是可以直接使用的：

1. #define GUI_ID_PROGBAR0   0x210
2. #define GUI_ID_PROGBAR1   0x211
3. #define GUI_ID_PROGBAR2   0x212
4. #define GUI_ID_PROGBAR3   0x213

复制代码

席萌0209

57.3  使用GUIBuilder创建进度条控件并用模拟器显示出来

        首先需要大家按照第2章2.3.4小节的说明下载STemWin的软件包，其中GUIBuilder5.32位于路径：STM32Cube_FW_F4_V1.13.0\\Middlewares\\ST\\STemWin\\Software里面

57.3.1   第一步：建立一个对话框，主体是框架窗口


1、找到GUIBuilder后，打开这个软件，并按照如下方式建立一个对话框。

2、修改框架窗口大小为800*480。

3、下面设置对话框标题的字体，对齐方式，和显示的文本。首先，在建立的对话框上面右击鼠标，选择Set font。

        弹出如下界面，并选择字体GUI_FONT_32B_ASCII，点击OK。

设置好字体以后再设置对齐方式，还是右击鼠标，选择Set text alignment，并选择居中

配置完成后，上面的文本Framewin会居中显示，然后还是鼠标右击，选择Set title text，并更改Framewin为armfly，修改的地方在左下角：

设置好以后，对话框就算建立完毕。

57.3.2   第二步：在对话框上面建立进度条控件


        进度条控件的建立方法和上面的对话框是一样的。先将进度条控件拖到对话框上面，建立后的效果如下所示：

对于建立的进度条控件，用户可以任意拖动，并通过鼠标调整其大小，调整方法如下：先左击选中相应控件，会出现绿色的边框，在边框的地方拖动鼠标即可修改大小

这里我们将进度条调整的稍大些，具体大小，大家可以任意设置，不限制。并鼠标右击此控件，选择Set font，将字体设置为GUI_FONT_16_ASCII。设置完毕后效果如下：

57.3.3   第三步：建立好后点击File-save


        保存方法如下：

保存后生成的文件在GUIBluder5.32软件所在的文件夹里面：

57.3.4   第四步：在模拟器上运行GUIBuilder生成的代码


        在模拟器上面如何演示GUIBuilder生成的代码已经在第6章的6.3小节详细讲述了，这里不再赘述。
可以在模拟器上面运行的完整代码如下，此代码对应的例子是V6-587_STemWin实验_Progbar进度条控件（模拟器）：
（由于GUIBuilder创建进度条控件的功能有限，我们这里添加新的代码做了进度条的动态更新效果）

1. /*********************************************************************
2. *                                                                    *
3. *                SEGGER Microcontroller GmbH & Co. KG                *
4. *        Solutions for real time microcontroller applications        *
5. *                                                                    *
6. **********************************************************************
7. *                                                                    *
8. * C-file generated by:                                               *
9. *                                                                    *
10. *        GUI_Builder for emWin version 5.32                          *
11. *        Compiled Oct  8 2015, 11:59:02                              *
12. *        (c) 2015 Segger Microcontroller GmbH & Co. KG               *
13. *                                                                    *
14. **********************************************************************
15. *                                                                    *
16. *        Internet: www.segger.com  Support: support@segger.com       *
17. *                                                                    *
18. **********************************************************************
19. */
21. // USER START (Optionally insert additional includes)
22. // USER END
24. #include "DIALOG.h"
26. /*********************************************************************
27. *
28. *       Defines
29. *
30. **********************************************************************
31. */
32. #define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
33. #define ID_PROGBAR_0  (GUI_ID_USER + 0x01)
36. // USER START (Optionally insert additional defines)
37. // USER END
39. /*********************************************************************
40. *
41. *       Static data
42. *
43. **********************************************************************
44. */
46. // USER START (Optionally insert additional static data)
47. // USER END
49. /*********************************************************************
50. *
51. *       _aDialogCreate
52. */
53. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
54.   { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 800, 480, 0, 0x64, 0 },
55.   { PROGBAR_CreateIndirect, "Progbar", ID_PROGBAR_0, 39, 34, 174, 35, 0, 0x0, 0 },  //--------------（1）
56.   // USER START (Optionally insert additional widgets)
57.   // USER END
58. };
60. /*********************************************************************
61. *
62. *       Static code
63. *
64. **********************************************************************
65. */
67. // USER START (Optionally insert additional static code)
68. // USER END
70. /*********************************************************************
71. *
72. *       _cbDialog
73. */
74. static void _cbDialog(WM_MESSAGE * pMsg) {
75.   WM_HWIN hItem;
76.   int Value;
77.   // USER START (Optionally insert additional variables)
78.   // USER END
80.   switch (pMsg->MsgId) {
81.   case WM_INIT_DIALOG:
82.     //
83.     // Initialization of 'Framewin'
84.     //
85.     hItem = pMsg->hWin;
86.     FRAMEWIN_SetText(hItem, "armfly");
87.     FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
88.     FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
89.     //
90.     // Initialization of 'Progbar'
91.     //
92.     hItem = WM_GetDialogItem(pMsg->hWin, ID_PROGBAR_0); //--------------（2）
93.     PROGBAR_SetFont(hItem, GUI_FONT_16_ASCII);          //--------------（3）
94. PROGBAR_SetMinMax(hItem, 0, 100);                   //--------------（4）
95.     // USER START (Optionally insert additional code for further widget initialization)
96.     // USER END
97.     break;
99.   case WM_TIMER:                                        //--------------（5）
100.     hItem = WM_GetDialogItem(pMsg->hWin, ID_PROGBAR_0);
101.      Value = PROGBAR_GetValue(hItem);                    //--------------（6）
102.     if (Value == 100)
103.     {
104.        PROGBAR_SetValue(hItem, 0);                    //--------------（7）
105.     }
106.      else
107.      {
108.        PROGBAR_SetValue(hItem, Value + 1);             //--------------（8）
109.      }
110.      WM_RestartTimer(pMsg->Data.v, 100);              //--------------（9）
111.     break;
113.   // USER START (Optionally insert additional message handling)
114.   // USER END
115.   default:
116.     WM_DefaultProc(pMsg);
117.     break;
118.   }
119. }
121. /*********************************************************************
122. *
123. *       Public code
124. *
125. **********************************************************************
126. */
127. /*********************************************************************
128. *
129. *       CreateFramewin
130. */
131. WM_HWIN CreateFramewin(void);
132. WM_HWIN CreateFramewin(void) {
133.   WM_HWIN hWin;
135.   hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
136.   return hWin;
137. }
139. // USER START (Optionally insert additional public code)
140. // USER END
142. /*********************************************************************
143. *
144. *       MainTask
145. */
146. void MainTask(void)
147. {
148.      WM_HWIN hDlg;
149.      WM_HTIMER hTimer;
152.      /* 初始化 */
153.      GUI_Init();
155.      /* 窗口自动使用存储设备 */
156.      WM_SetCreateFlags(WM_CF_MEMDEV);
158.      /* 创建对话框，使用GUIBulder5.32生成的对话框创建函数 */
159.      hDlg = CreateFramewin();
161.      hTimer = WM_CreateTimer(WM_GetClientWindow(hDlg), 0, 100, 0); //--------------（9）
163.      while(1)
164.      {
165.          GUI_Delay(50);
166.      }
167. }
169. /*************************** End of file ****************************/

复制代码

创建的这个例子相对比较容易，主要实现了在对话框上面创建进度条控件，每100ms更新一次，进度条进更新到100%后，重新从0%开始，如此循环。

1.     在对话框的资源列表中创建一个进度条控件。

2.     通过函数WM_GetDialogItem获得对话框上ID为ID_PROGBAR_0的进度条控件句柄。

3.     通过函数PROGBAR_SetFont设置进度条控件的字体。

4.     通过函数PROGBAR_SetMinMax设置进度条的最小值是0，最大值是100，方便我们演示。

5.     定时器时间溢出消息。

6.     通过函数PROGBAR_GetValue获得进度条当前的数值。

7.     当进度条的数值达到最大值100时，重新设置为从0开始，调用函数PROGBAR_SetValue即可重新设置数值。

8.     当进度条的数值为达到最大值100时，每次加1。

9.     通过函数WM_RestartTimer复位定时器，从而可以再次开启定时器，溢出时间设置为100ms。

10.  为对话框创建定时器，定时器溢出时间是100ms。

实际显示效果如下，分辨率800*480：

对于这个创建和演示过程，强烈建议初学者实际动手操作。

席萌0209

57.4  官方WIDGET_Progbar.c实例讲解

        这个例子在模拟器中的位置：

主要功能介绍：
        这个例子比较容易理解，适合初学者学习参考，主要实现了在桌面窗口创建两个进度条控件，并演示了5种动态效果。
程序代码如下：

1. #include "GUI.h"
2. #include "PROGBAR.h"
3. #include <stddef.h>
5. /*********************************************************************
6. *
7. *       Defines
8. *
9. **********************************************************************
10. */
11. //
12. // Recommended memory to run the sample with adequate performance
13. //
14. #define RECOMMENDED_MEMORY (1024L * 5)
16. /*******************************************************************
17. *
18. *       static code
19. *
20. ********************************************************************
21. */
22. /*******************************************************************
23. *
24. *       _DemoProgBar
25. */
26. static void _DemoProgBar(void) {
27.   int i;
28.   PROGBAR_Handle ahProgBar[2];
30.   GUI_SetBkColor(GUI_BLACK);
31.   GUI_Clear();
32.   GUI_SetColor(GUI_WHITE);
33.   GUI_SetFont(&GUI_Font24_ASCII);
34.   GUI_DispStringHCenterAt("WIDGET_Progbar - Sample", 160, 5);
35.   GUI_SetFont(&GUI_Font8x16);
36.   GUI_DispStringAt("Progress bar", 100,80);
37.   //
38.   // Create the progbars
39.   //
40.   ahProgBar[0] = PROGBAR_Create(100,100,100,20, WM_CF_SHOW); //--------------（1）
41.   ahProgBar[1] = PROGBAR_Create( 80,150,140,10, WM_CF_SHOW);
42.   //
43.   // Use memory device (optional, for better looks)
44.   //
45.   WM_EnableMemdev(ahProgBar[0]);
46.   WM_EnableMemdev(ahProgBar[1]);
47.   PROGBAR_SetMinMax(ahProgBar[1], 0, 500);                 //--------------（2）
48.   PROGBAR_SetFont(ahProgBar[0], &GUI_Font8x16);            //--------------（3）
49.   GUI_Delay(500);
50.   while(1) {
51.     PROGBAR_SetFont(ahProgBar[0], &GUI_Font8x16);      
52.     if (LCD_GetDevCap(LCD_DEVCAP_BITSPERPIXEL) <= 4) {    //--------------（4）
53.       PROGBAR_SetBarColor(ahProgBar[0], 0, GUI_DARKGRAY); //--------------（5）
54.       PROGBAR_SetBarColor(ahProgBar[0], 1, GUI_LIGHTGRAY);
55.     } else {
56.       PROGBAR_SetBarColor(ahProgBar[0], 0, GUI_GREEN);
57.       PROGBAR_SetBarColor(ahProgBar[0], 1, GUI_RED);
58. }
60.     PROGBAR_SetTextAlign(ahProgBar[0], GUI_TA_HCENTER);  //--------------（6）
61. PROGBAR_SetText(ahProgBar[0], NULL);                 //--------------（7）
64.     for (i=0; i<=100; i++) {                             //--------------（8）
65.       PROGBAR_SetValue(ahProgBar[0], i);                 //--------------（9）
66.       PROGBAR_SetValue(ahProgBar[1], i);
67.       GUI_Delay(5);
68. }
71.     PROGBAR_SetText(ahProgBar[0], "Tank empty");        //--------------（10）
72.     for (; i>=0; i--) {                              
73.       PROGBAR_SetValue(ahProgBar[0], i);
74.       PROGBAR_SetValue(ahProgBar[1], 200-i);
75.       GUI_Delay(5);
76. }
79.     PROGBAR_SetText(ahProgBar[0], "Any text...");     //--------------（11）
80.     PROGBAR_SetTextAlign(ahProgBar[0], GUI_TA_LEFT);
81.     for (; i<=100; i++) {
82.       PROGBAR_SetValue(ahProgBar[0], i);
83.       PROGBAR_SetValue(ahProgBar[1], 200+i);
84.       GUI_Delay(5);
85. }
88.     PROGBAR_SetTextAlign(ahProgBar[0], GUI_TA_RIGHT);  //--------------（12）
89.     for (; i>=0; i--) {
90.       PROGBAR_SetValue(ahProgBar[0], i);
91.       PROGBAR_SetValue(ahProgBar[1], 400-i);
92.       GUI_Delay(5);
93. }
96.     PROGBAR_SetFont(ahProgBar[0], &GUI_FontComic18B_1); //--------------（13）
97.     PROGBAR_SetText(ahProgBar[0], "Any font...");
98.     for (; i<=100; i++) {
99.       PROGBAR_SetValue(ahProgBar[0], i);
100.       PROGBAR_SetValue(ahProgBar[1], 400+i);
101.       GUI_Delay(5);
102.     }
103.     GUI_Delay(500);
104.   }
105. }
107. /*********************************************************************
108. *
109. *       Public code
110. *
111. **********************************************************************
112. */
113. /*********************************************************************
114. *
115. *       MainTask
116. */
117. void MainTask(void) {
118.   GUI_Init();
119.   //
120.   // Check if recommended memory for the sample is available
121.   //
122.   if (GUI_ALLOC_GetNumFreeBytes() < RECOMMENDED_MEMORY) {
123.     GUI_ErrorOut("Not enough memory available.");
124.     return;
125.   }
126.   while (1) {
127.     _DemoProgBar();
128.   }
129. }

复制代码

1.     通过函数PROGBAR_Create创建进度条控件，这里创建了两个。
2.     通过函数PROGBAR_SetMinMax设置进度条控件ahProgBar[1]的最小值是0，最大值500。
3.     通过函数PROGBAR_SetFont设置进度条控件ahProgBar[0]的字体。
4.     函数LCD_GetDevCap的作用在官方手册中没有说明，猜测这个的作用就是返回显示屏的颜色深度。
5.     通过函数PROGBAR_SetBarColor设置进度条的颜色。此函数的第二个参数是用来设置进度区域和未进度到区域的颜色，配置为0的时候设置的是进度区域的颜色，配置为1的时候设置的是未进度到区域的颜色。比如下面这种效果：进度区域是绿色，未进度到区域是红色。

这个函数只有在未使用皮肤色的时候才有效。
6.     通过函数PROGBAR_SetTextAlign设置进度条控件ahProgBar[0]上显示的文本水平居中。
7.     通过函数PROGBAR_SetText设置进度条控件上显示的文本。
8.     这一小段实现进度控件的第1种动态显示效果。
9.     通过函数PROGBAR_SetValue设置进度条的数值。
10.  这一小段实现进度控件的第2种动态显示效果。
11.  这一小段实现进度控件的第3种动态显示效果。
12.  这一小段实现进度控件的第4种动态显示效果。
13.  这一小段实现进度控件的第5种动态显示效果。
实际显示效果如下：

席萌0209

57.5  实验例程说明（RTOS）


配套例子：
        V6-585_STemWin实验_Progbar进度条控件（RTOS）
实验目的：
        1.     本实验主要学习进度条控件的使用。
        2.     emWin功能的实现在MainTask.c文件里面。
实验内容：
        1.     K1按键按下，串口打印任务执行情况（波特率115200，数据位8，奇偶校验位无，停止位1）。
        2.     K2按键按下，实现截图功能，将图片以BMP格式保存到SD卡中。
        3.     GUI任务在对话框上面创建了进度条控件，每100ms更新一次，进度条进更新到100%后，重新从0%开始，如此循环。
        4.     各个任务实现的功能如下：
              App Task Start   任务：实现按键和触摸扫描。
              App Task MspPro任务 ：实现截图功能，将图片以BMP格式保存到SD卡中。
              App Task UserIF  任务：按键消息处理。
              App Task COM   任务：暂未使用。
              App Task GUI    任务：GUI任务。
μCOS-III任务调试信息（按K1按键，串口打印）：

STemWin界面显示效果：
        800*480分辨率界面效果。

STemWin动态内存配置：
        GUIConf.c文件中的配置如下：

1. #define EX_SRAM   1/*1 used extern sram, 0 used internal sram */
3. #if EX_SRAM
4. #define GUI_NUMBYTES  (1024*1024*8)
5. #else
6. #define GUI_NUMBYTES  (100*1024)
7. #endif

复制代码

        通过宏定义来配置使用内部SRAM还是外部的SDRAM做为emWin的动态内存，当配置：
#define EX_SRAM    1 表示使用外部SDRAM作为emWin动态内存，大小8MB。
#define EX_SRAM    0 表示使用内部SRAM作为emWin动态内存，大小100KB。
默认情况下，本教程配套的所有emWin例子都是用外部SDRAM作为emWin动态内存。
STemWin底层接口配置：
        LCDConf_Lin_Template.c文件中共12项emWin配置：

1. /*
2. **********************************************************************************************************
3.                                           用户可以配置的选项
4. **********************************************************************************************************
5. */
6. /* 0. 在官方代码的基础上再做优化，官方的部分函数效率低，耗内存, 0表示优化 */
7. #define emWin_Optimize   0
9. /*
10.   1. 显示屏的物理分辨率，驱动已经做了显示屏自适应，支持4.3寸，5寸和7寸屏
11.      这里填写自适应显示屏中的最大分辨率。
12. */
13. #define XSIZE_PHYS       800
14. #define YSIZE_PHYS       480
16. /* 2. 多缓冲 / 虚拟屏，多缓冲和虚拟屏不可同时使用，emWin不支持 */
17. #define NUM_BUFFERS      3 /* 定义多缓冲个数，仅可以设置1,2和3，也就是最大支持三缓冲 */
18. #define NUM_VSCREENS     1 /* 定义虚拟屏个数 */
20. /* 3. 没有图层激活时，背景色设置, 暂时未用到 */
21. #define BK_COLOR         GUI_DARKBLUE
23. /*
24.    4. 重定义图层数，对于STM32F429/439，用户可以选择一个图层或者两个图层，不支持三图层
25.       (1). 设置GUI_NUM_LAYERS = 1时，即仅使用图层1时，默认触摸值是发送给图层1的。
26.        (2). 设置GUI_NUM_LAYERS = 2时，即图层1和图层2都已经使能，此时图层2是顶层，
27.             用户需要根据自己的使用情况设置如下两个地方。
28.             a. 在bsp_touch.c文件中的函数TOUCH_InitHard里面设置参数State.Layer = 1，1就表示
29.                给图层2发送触摸值。
30.             b. 调用GUI_Init函数后，调用函数GUI_SelectLayer(1), 设置当前操作的是图层2。
31. */
32. #undef  GUI_NUM_LAYERS
33. #define GUI_NUM_LAYERS    1
35. /*
36.    5. 设置图层1和图层2对应的显存地址
37.       (1) EXT_SDRAM_ADDR 是SDRAM的首地址。
38.       (2) LCD_LAYER0_FRAME_BUFFER 是图层1的显存地址。
39.        (3) LCD_LAYER1_FRAME_BUFFER 是图层2的显存地址。
40.        (4) 每个图层的显存大小比较考究，这里进行下简单的说明。
41.            如果用户选择的颜色模式 = 32位色ARGB8888，显存的大小：
42.            XSIZE_PHYS * YSIZE_PHYS * 4 * NUM_VSCREENS * NUM_BUFFERS
43.          
44.            颜色模式 = 24位色RGB888，显存的大小：
45.            XSIZE_PHYS * YSIZE_PHYS * 3 * NUM_VSCREENS * NUM_BUFFERS
46.          
47.            颜色模式 = 16位色RGB566，ARGB1555, ARGB4444，AL88，那么显存的大小就是：
48.            XSIZE_PHYS * YSIZE_PHYS * 2 * NUM_VSCREENS * NUM_BUFFERS
50.            颜色模式 = 8位色L8，AL44，那么显存的大小就是：
51.            XSIZE_PHYS * YSIZE_PHYS * 1 * NUM_VSCREENS * NUM_BUFFERS  
52.      
53.       这里为了方便起见，将开发板配套的16MB的SDRAM前8MB分配给LCD显存使用，后8MB用于emWin动态内存。
54.        对于24位色，16位色，8位色，用户可以对其使能三缓冲，并且使能双图层。但是32位色也使能三缓冲和双
55.        图层的话会超出8MB，所以用户根据自己的情况做显存和emWin动态内存的分配调整。
56.          举一个例子，对于800*480分辨率的显示屏，使能32位色，三缓冲，那么最终一个图层需要的大小就是
57.       800 * 480 * 4 * 3  = 4.394MB的空间，如果是双图层，已经超出8MB的分配范围。
58.      
59.       (5)为了方便起见，图层2的宏定义LCD_LAYER1_FRAME_BUFFER中的参数4是按照32位色设置的，如果用户的图层1
60.          使用的是8位色，这里填数字1,如果是16位色，这里填2，如果是24位色，这里填3。
61. */
62. #define LCD_LAYER0_FRAME_BUFFER  EXT_SDRAM_ADDR
63. #define LCD_LAYER1_FRAME_BUFFER  (LCD_LAYER0_FRAME_BUFFER + XSIZE_PHYS * YSIZE_PHYS * 4 * NUM_VSCREENS *
64. NUM_BUFFERS)
66. /*
67.    6. STM32F429/439支持的颜色模式，所有模式都支持，用户可任意配置。
68.       特别注意如下两个问题：
69.        (1) 如果用户选择了ARGB8888或者RGB888模式，LCD闪烁比较厉害的话，
70.            请降低LTDC的时钟大小，在文件bsp_tft_429.c的函数LCD_ConfigLTDC里面设置。
71.            a. 一般800*480分辨率的显示屏，ARGB8888或者RGB888模式LTDC时钟选择10-20MHz即可。
72.            b. 480*272分辨率的可以高些，取20MHz左右即可。
73.        (2) 16位色或者8位色模式，LTDC的时钟频率一般可以比24位色或者32位色的高一倍。
74. */
75. #define _CM_ARGB8888      1
76. #define _CM_RGB888        2
77. #define _CM_RGB565        3
78. #define _CM_ARGB1555      4
79. #define _CM_ARGB4444      5
80. #define _CM_L8            6
81. #define _CM_AL44          7
82. #define _CM_AL88          8
84. /* 7. 配置图层1的颜色模式和分辨率大小 */
85. #define COLOR_MODE_0      _CM_RGB565
86. #define XSIZE_0           XSIZE_PHYS
87. #define YSIZE_0           YSIZE_PHYS
89. /* 8. 配置图层2的的颜色模式和分辨率大小 */
90. #define COLOR_MODE_1      _CM_RGB565
91. #define XSIZE_1           XSIZE_PHYS
92. #define YSIZE_1           YSIZE_PHYS
94. /* 9. 单图层情况下，根据用户选择的颜色模式可自动选择图层1的emWin的驱动和颜色模式 */
95. #if   (COLOR_MODE_0 == _CM_ARGB8888)
96.   #define COLOR_CONVERSION_0 GUICC_M8888I
97.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_32
98. #elif (COLOR_MODE_0 == _CM_RGB888)
99.   #define COLOR_CONVERSION_0 GUICC_M888
100.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_24
101. #elif (COLOR_MODE_0 == _CM_RGB565)
102.   #define COLOR_CONVERSION_0 GUICC_M565
103.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_16
104. #elif (COLOR_MODE_0 == _CM_ARGB1555)
105.   #define COLOR_CONVERSION_0 GUICC_M1555I
106.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_16
107. #elif (COLOR_MODE_0 == _CM_ARGB4444)
108.   #define COLOR_CONVERSION_0 GUICC_M4444I
109.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_16
110. #elif (COLOR_MODE_0 == _CM_L8)
111.   #define COLOR_CONVERSION_0 GUICC_8666
112.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_8
113. #elif (COLOR_MODE_0 == _CM_AL44)
114.   #define COLOR_CONVERSION_0 GUICC_1616I
115.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_8
116. #elif (COLOR_MODE_0 == _CM_AL88)
117.   #define COLOR_CONVERSION_0 GUICC_88666I
118.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_16
119. #else
120.   #error Illegal color mode 0!
121. #endif
123. /* 10. 双图层情况下，根据用户选择的颜色模式可自动选择图层2的emWin的驱动和颜色模式 */
124. #if (GUI_NUM_LAYERS > 1)
126. #if   (COLOR_MODE_1 == _CM_ARGB8888)
127.   #define COLOR_CONVERSION_1 GUICC_M8888I
128.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_32
129. #elif (COLOR_MODE_1 == _CM_RGB888)
130.   #define COLOR_CONVERSION_1 GUICC_M888
131.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_24
132. #elif (COLOR_MODE_1 == _CM_RGB565)
133.   #define COLOR_CONVERSION_1 GUICC_M565
134.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_16
135. #elif (COLOR_MODE_1 == _CM_ARGB1555)
136.   #define COLOR_CONVERSION_1 GUICC_M1555I
137.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_16
138. #elif (COLOR_MODE_1 == _CM_ARGB4444)
139.   #define COLOR_CONVERSION_1 GUICC_M4444I
140.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_16
141. #elif (COLOR_MODE_1 == _CM_L8)
142.   #define COLOR_CONVERSION_1 GUICC_8666
143.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_8
144. #elif (COLOR_MODE_1 == _CM_AL44)
145.   #define COLOR_CONVERSION_1 GUICC_1616I
146.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_8
147. #elif (COLOR_MODE_1 == _CM_AL88)
148.   #define COLOR_CONVERSION_1 GUICC_88666I
149.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_16
150. #else
151.   #error Illegal color mode 1!
152. #endif
154. #else
156. #undef XSIZE_0
157. #undef YSIZE_0
158. #define XSIZE_0       XSIZE_PHYS
159. #define YSIZE_0       YSIZE_PHYS
161. #endif
163. /*11. 配置选项检测，防止配置错误或者某些选项没有配置 */
164. #ifndef   XSIZE_PHYS
165.   #error Physical X size of display is not defined!
166. #endif
167. #ifndef   YSIZE_PHYS
168.   #error Physical Y size of display is not defined!
169. #endif
170. #ifndef   NUM_VSCREENS
171.   #define NUM_VSCREENS 1
172. #else
173.   #if (NUM_VSCREENS <= 0)
174.     #error At least one screeen needs to be defined!
175.   #endif
176. #endif
177. #if (NUM_VSCREENS > 1) && (NUM_BUFFERS > 1)
178.   #error Virtual screens and multiple buffers are not allowed!
179. #endif

复制代码

        对于这12个配置选项，注释说明已经比较详细。默认情况下，本教程配套的emWin例子都是用的三缓冲，RGB565格式，且仅使用单图层。
程序设计：
任务栈大小分配：
        μCOS-III任务栈大小在os_cfg.h文件中配置：
#define  APP_CFG_TASK_START_STK_SIZE                     512u
#define  APP_CFG_TASK_MsgPro_STK_SIZE                    512u
#define  APP_CFG_TASK_COM_STK_SIZE                       512u
#define  APP_CFG_TASK_USER_IF_STK_SIZE                    512u
#define  APP_CFG_TASK_GUI_STK_SIZE                        1024u
        任务栈大小的单位是4字节，那么每个任务的栈大小如下：
        App Task Start   任务：2048字节。
       App Task MspPro任务 ：2048字节。
       App Task UserIF  任务：2048字节。
       App Task COM   任务：2048字节。
        App Task GUI    任务：4096字节。
系统栈大小分配：
        μCOS-III的系统栈大小在os_cfg_app.h文件中配置：
        #define  OS_CFG_ISR_STK_SIZE                      512u      
        系统栈大小的单位是4字节，那么这里就是配置系统栈大小为2KB。
μCOS-III初始化：

1. /*
2. *********************************************************************************************************
3. *    函 数 名: main
4. *    功能说明: 标准c程序入口。
5. *    形    参: 无
6. *    返 回 值: 无
7. *********************************************************************************************************
8. */
9. int main(void)
10. {
11.     OS_ERR  err;
12.    
13.      /* 初始化uC/OS-III 内核 */
14.     OSInit(&err);
16.      /* 创建一个启动任务（也就是主任务）。启动任务会创建所有的应用程序任务 */
17.      OSTaskCreate((OS_TCB       *)&AppTaskStartTCB,  /* 任务控制块地址 */           
18.                  (CPU_CHAR     *)"App Task Start",  /* 任务名 */
19.                  (OS_TASK_PTR   )AppTaskStart,      /* 启动任务函数地址 */
20.                  (void         *)0,                 /* 传递给任务的参数 */
21.                  (OS_PRIO       )APP_CFG_TASK_START_PRIO, /* 任务优先级 */
22.                  (CPU_STK      *)&AppTaskStartStk[0],     /* 堆栈基地址 */
23.                  (CPU_STK_SIZE  )APP_CFG_TASK_START_STK_SIZE / 10, /* 堆栈监测区，这里表示后10%作为监测区 */
24.                  (CPU_STK_SIZE  )APP_CFG_TASK_START_STK_SIZE,      /* 堆栈空间大小 */
25.                  (OS_MSG_QTY    )0,  /* 本任务支持接受的最大消息数 */
26.                  (OS_TICK       )0,  /* 设置时间片 */
27.                  (void         *)0,  /* 堆栈空间大小 */
28.                  (OS_OPT        )(OS_OPT_TASK_STK_CHK | OS_OPT_TASK_STK_CLR),
29.         
30.                     /*  定义如下：
31.                        OS_OPT_TASK_STK_CHK      使能检测任务栈，统计任务栈已用的和未用的
32.                        OS_OPT_TASK_STK_CLR      在创建任务时，清零任务栈
33.                        OS_OPT_TASK_SAVE_FP      如果CPU有浮点寄存器，则在任务切换时保存浮点寄存器的内容
34.                     */
35.                  (OS_ERR       *)&err);
37.      /* 启动多任务系统，控制权交给uC/OS-III */
38.     OSStart(&err);                                             
39.    
40.     (void)&err;
41.    
42.     return (0);
43. }

复制代码

硬件外设初始化
        硬件外设的初始化是在bsp.c文件实现：

1. /*
2. *********************************************************************************************************
3. *    函 数 名: bsp_Init
4. *    功能说明: 初始化所有的硬件设备。该函数配置CPU寄存器和外设的寄存器并初始化一些全局变量。只需要调用一次
5. *    形    参：无
6. *    返 回 值: 无
7. *********************************************************************************************************
8. */
9. void bsp_Init(void)
10. {
11.      /*
12.          由于ST固件库的启动文件已经执行了CPU系统时钟的初始化，所以不必再次重复配置系统时钟。
13.          启动文件配置了CPU主时钟频率、内部Flash访问速度和可选的外部SRAM FSMC初始化。
15.          系统时钟缺省配置为168MHz，如果需要更改，可以修改 system_stm32f4xx.c 文件
16.      */
17.      /* 使能CRC 因为使用STemWin前必须要使能 */
18.     RCC_AHB1PeriphClockCmd(RCC_AHB1Periph_CRC, ENABLE);
19.    
20.      /* 优先级分组设置为4，可配置0-15级抢占式优先级，0级子优先级，即不存在子优先级。*/
21.      NVIC_PriorityGroupConfig(NVIC_PriorityGroup_4);
22.    
23.      SystemCoreClockUpdate();    /* 根据PLL配置更新系统时钟频率变量 SystemCoreClock */
25.      bsp_InitUart();        /* 初始化串口 */
26.      bsp_InitKey();         /* 初始化按键变量（必须在 bsp_InitTimer() 之前调用） */
27.    
28.      bsp_InitExtIO();       /* FMC总线上扩展了32位输出IO, 操作LED等外设必须初始化 */
29.      bsp_InitLed();         /* 初始LED指示灯端口 */
30.    
31.      bsp_InitI2C();         /* 配置I2C总线 */
32.      bsp_InitSPIBus();       /* 配置SPI总线 */
33.    
34.      bsp_InitSFlash();       /* 初始化SPI Flash */
35.    
36.      bsp_InitExtSDRAM();   /* 初始化SDRAM */
37.      bsp_DetectLcdType();  /* 检测触摸板和LCD面板型号, 结果存在全局变量 g_TouchType, g_LcdType */
38.    
39.      TOUCH_InitHard();    /* 初始化配置触摸芯片 */
40.      LCD_ConfigLTDC();     /* 初始化配置LTDC */
41.    
42.      result = f_mount(&fs, "0:/", 0);     /* 挂载文件系统 */
43. }

复制代码

五个μCOS-III任务的实现：

1. /*
2. *********************************************************************************************************
3. *    函 数 名: AppTaskStart
4. *    功能说明: 这是一个启动任务，在多任务系统启动后，必须初始化滴答计数器。本任务主要实现按键和触摸检测。
5. *    形    参: p_arg 是在创建该任务时传递的形参
6. *    返 回 值: 无
7.      优 先 级: 2
8. *********************************************************************************************************
9. */
10. static  void  AppTaskStart (void *p_arg)
11. {
12.      OS_ERR      err;
13.      uint8_t  ucCount = 0;
14.      uint8_t  ucCount1 = 0;
15.    
16.     /* 仅用于避免编译器告警，编译器不会产生任何目标代码 */  
17.     (void)p_arg;
18.    
19.      /* BSP 初始化。 BSP = Board Support Package 板级支持包，可以理解为底层驱动。*/
20.      CPU_Init();  /* 此函数要优先调用，因为外设驱动中使用的us和ms延迟是基于此函数的 */
21.      bsp_Init();      
22.      BSP_Tick_Init();
23.    
24. #if OS_CFG_STAT_TASK_EN > 0u
25.      OSStatTaskCPUUsageInit(&err);  
26. #endif
28. #ifdef CPU_CFG_INT_DIS_MEAS_EN
29.     CPU_IntDisMeasMaxCurReset();
30. #endif
31.         
32.      /* 创建应用程序的任务 */
33.      AppTaskCreate();
34.    
35.      /* 创建任务通信 */
36.      AppObjCreate();
37.    
38.     while(1)
39.     {
40.          /* 1ms一次触摸扫描，电阻触摸屏 */
41.          if(g_tTP.Enable == 1)
42.          {
43.               TOUCH_Scan();
44.             
45.               /* 按键扫描 */
46.               ucCount++;
47.               if(ucCount == 10)
48.               {
49.                    ucCount = 0;
50.                    bsp_KeyScan();
51.               }
52.              OSTimeDly(1, OS_OPT_TIME_DLY, &err);         
53.          }
54.         
55.          /* 20ms一次触摸扫描，电容触摸屏GT811
56.             GT811取20ms比较稳定，取10ms偶尔会有跳动。
57.          */
58.          if(g_GT811.Enable == 1)
59.          {
60.               bsp_KeyScan();
61.               ucCount1++;
62.               if(ucCount1 == 2)
63.               {
64.                    ucCount1 = 0;
65.                    GT811_OnePiontScan();
66.               }
67.              OSTimeDly(10, OS_OPT_TIME_DLY, &err);     
68.          }
69.         
70.          /* 10ms一次触摸扫描，电容触摸屏FT5X06 */
71.          if(g_tFT5X06.Enable == 1)
72.          {
73.               bsp_KeyScan();
74.               FT5X06_OnePiontScan();
75.              OSTimeDly(10, OS_OPT_TIME_DLY, &err);
76.          }
77.     }   
78. }
80. /*
81. *********************************************************************************************************
82. *    函 数 名: AppTaskMsgPro
83. *    功能说明: 实现截图功能，将图片以BMP格式保存到SD卡中
84. *    形    参: p_arg 是在创建该任务时传递的形参
85. *    返 回 值: 无
86.      优 先 级: 3
87. *********************************************************************************************************
88. */
89. static void AppTaskMsgPro(void *p_arg)
90. {
91.      uint32_t ulStart, ulEnd;
92.      OS_ERR      err;
93.      uint8_t       Pic_Name = 0;
94.      char buf[20];
96.      (void)p_arg;
97.          
98.      while(1)
99.      {   
100.           /* 等待获取信号量同步消息，接收到后执行串口打印 */
101.          OSSemPend((OS_SEM *)&SEM_SYNCH,
102.                      (OS_TICK )0,
103.                      (OS_OPT  )OS_OPT_PEND_BLOCKING,
104.                      (CPU_TS  )0,
105.                      (OS_ERR *)&err);
106.         
107.          if(err == OS_ERR_NONE)
108.          {   
109.               sprintf(buf,"0:/PicSave/%d.bmp",Pic_Name);
110.             
111.               /* 记录截图前起始时间 */
112.               ulStart = OSTimeGet(&err);
113.             
114.               /* 开启调度锁 */
115.               OSSchedLock(&err);
116.             
117.               /* 如果SD卡中没有PicSave文件，会进行创建 */
118.               result = f_mkdir("0:/PicSave");
119.             
120.               /* 创建截图 */
121.               result = f_open(&file,buf, FA_WRITE|FA_CREATE_ALWAYS);
122.             
123.               /* 向SD卡绘制BMP图片 */
124.               GUI_BMP_Serialize(_WriteByte2File, &file);
125.             
126.               /* 创建完成后关闭file */
127.              result = f_close(&file);
128.             
129.               /* 开启调度锁 */
130.               OSSchedUnlock(&err);
131.             
132.               /* 记录截图后时间并获取截图过程耗时 */
133.               ulEnd = OSTimeGet(&err);
134.               ulEnd -= ulStart;
135.             
136.               App_Printf("截图完成，耗时 = %dms\\r\\n", ulEnd);
137.               Pic_Name++;      
138.          }                                                                                                                  
139.      }  
140. }
142. /*
143. *********************************************************************************************************
144. *    函 数 名: AppTaskUserIF
145. *    功能说明: 按键消息处理
146. *    形    参: p_arg 是在创建该任务时传递的形参
147. *    返 回 值: 无
148.      优 先 级: 4
149. *********************************************************************************************************
150. */
151. static void AppTaskUserIF(void *p_arg)
152. {
153.      OS_ERR      err;
154.      uint8_t  ucKeyCode;
155.    
156.      (void)p_arg;                /* 避免编译器报警 */
157.    
159.      while (1)
160.      {      
161.          ucKeyCode = bsp_GetKey();
162.         
163.          if (ucKeyCode != KEY_NONE)
164.          {
165.               switch (ucKeyCode)
166.               {
167.                    case KEY_DOWN_K1:             /* K1键按下 打印任务执行情况 */
168.                        DispTaskInfo();        
169.                        break;
170.                   
171.                    case KEY_DOWN_K2:             /* K2键按下 向消息队列发送数据 */
172.                        OSSemPost((OS_SEM *)&SEM_SYNCH,
173.                                   (OS_OPT  )OS_OPT_POST_1,
174.                                   (OS_ERR *)&err);
175.                        break;
176.                   
177.                    default:                     /* 其他的键值不处理 */
178.                        break;
179.               }
180.          }
181.         
182.          OSTimeDly(20, OS_OPT_TIME_DLY, &err);
183.      }
184. }
186. /*
187. *********************************************************************************************************
188. *    函 数 名: AppTaskCom
189. *    功能说明: 暂未使用
190. *    形    参: p_arg 是在创建该任务时传递的形参
191. *    返 回 值: 无
192.      优 先 级: 5
193. *********************************************************************************************************
194. */
195. static void AppTaskCOM(void *p_arg)
196. {
197.      OS_ERR  err;      
198.    
199.      (void)p_arg;
200.    
201.      while(1)
202.      {   
203.          OSTimeDly(500, OS_OPT_TIME_DLY, &err);
204.      }                                                                                                
205. }
207. /*
208. *********************************************************************************************************
209. *    函 数 名: AppTaskGUI
210. *    功能说明: GUI任务，最低优先级                        
211. *    形    参：p_arg 是在创建该任务时传递的形参
212. *    返 回 值: 无
213. *   优 先 级：OS_CFG_PRIO_MAX - 4u
214. *********************************************************************************************************
215. */
216. static void AppTaskGUI(void *p_arg)
217. {
218.     (void)p_arg;       /* 避免编译器告警 */
219.         
220.      while (1)
221.      {
222.          MainTask();
223.      }
224. }

复制代码

emWin任务的具体实现（在MainTask.c文件里面）：

1. #include "MainTask.h"
2. #include "includes.h"
5. /*
6. *********************************************************************************************************
7. *                                         宏定义
8. *********************************************************************************************************
9. */
10. #define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
11. #define ID_PROGBAR_0  (GUI_ID_USER + 0x01)
15. /*
16. *********************************************************************************************************
17. *                           GUI_WIDGET_CREATE_INFO类型数组
18. *********************************************************************************************************
19. */
20. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] =
21. {
22.      { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 800, 480, 0, 0x64, 0 },
23.      { PROGBAR_CreateIndirect, "Progbar", ID_PROGBAR_0, 39, 34, 174, 35, 0, 0x0, 0 },
24. };
26. /*
27. *********************************************************************************************************
28. *    函 数 名: _cbDialogPage
29. *    功能说明: 对话框回调函数        
30. *    形    参: pMsg  回调参数
31. *    返 回 值: 无
32. *********************************************************************************************************
33. */
34. static void _cbDialog(WM_MESSAGE * pMsg)
35. {
36.      WM_HWIN hItem;
37.      int Value;
39.      switch (pMsg->MsgId)
40.      {
41.          case WM_INIT_DIALOG:
42.             
43.               //
44.               // 初始化框架窗口
45.               //
46.               hItem = pMsg->hWin;
47.               FRAMEWIN_SetText(hItem, "armfly");
48.               FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
49.               FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
50.         
51.              //
52.               // 初始化进度条控件
53.               //
54.               hItem = WM_GetDialogItem(pMsg->hWin, ID_PROGBAR_0);
55.               PROGBAR_SetFont(hItem, GUI_FONT_16_ASCII);
56.         
57.               /* 设置最大值100，最小值0 */
58.               PROGBAR_SetMinMax(hItem, 0, 100);
59.               break;
60.         
61.          case WM_TIMER:
62.               hItem = WM_GetDialogItem(pMsg->hWin, ID_PROGBAR_0);
63.         
64.               /* 获得进度条控件当前的数值 */
65.               Value = PROGBAR_GetValue(hItem);
66.             
67.               /* 如果数值到最大值100，重新从0开始 */
68.               if (Value == 100)
69.               {
70.                    PROGBAR_SetValue(hItem, 0);
71.               }
72.               /* 如果数值未到最大值100，数值每次加1 */         
73.               else
74.               {
75.                    PROGBAR_SetValue(hItem, Value + 1);
76.               }
77.             
78.               WM_RestartTimer(pMsg->Data.v, 100);
79.               break;
80.         
81.          default:
82.               WM_DefaultProc(pMsg);
83.               break;
84.      }
85. }
87. /*
88. *********************************************************************************************************
89. *    函 数 名: CreateFramewin
90. *    功能说明: 创建对话框      
91. *    形    参: 无
92. *    返 回 值: 返回对话框句柄
93. *********************************************************************************************************
94. */
95. WM_HWIN CreateFramewin(void)
96. {
97.      WM_HWIN hWin;
99.      hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
100.      return hWin;
101. }
103. /*
104. *********************************************************************************************************
105. *    函 数 名: MainTask
106. *    功能说明: GUI主函数
107. *    形    参: 无
108. *    返 回 值: 无
109. *********************************************************************************************************
110. */
111. void MainTask(void)
112. {
113.      WM_HWIN hDlg;
114.    
115.      /* 初始化 */
116.      GUI_Init();
117.    
118.      /*
119.       关于多缓冲和窗口内存设备的设置说明
120.         1. 使能多缓冲是调用的如下函数，用户要在LCDConf_Lin_Template.c文件中配置了多缓冲，调用此函数才有效：
121.            WM_MULTIBUF_Enable(1);
122.         2. 窗口使能使用内存设备是调用函数：WM_SetCreateFlags(WM_CF_MEMDEV);
123.         3. 如果emWin的配置多缓冲和窗口内存设备都支持，二选一即可，且务必优先选择使用多缓冲，实际使用
124.            STM32F429BIT6 + 32位SDRAM + RGB565/RGB888平台测试，多缓冲可以有效的降低窗口移动或者滑动时的撕裂
125.            感，并有效的提高流畅性，通过使能窗口使用内存设备是做不到的。
126.         4. 所有emWin例子默认是开启三缓冲。
127.      */
128.      WM_MULTIBUF_Enable(1);
129.    
130.      /*
131.        触摸校准函数默认是注释掉的，电阻屏需要校准，电容屏无需校准。如果用户需要校准电阻屏的话，执行
132.         此函数即可，会将触摸校准参数保存到EEPROM里面，以后系统上电会自动从EEPROM里面加载。
133.      */
134.     //TOUCH_Calibration();
135.    
136.      /* 创建对话框 */
137.      hDlg = CreateFramewin();
139.      /* 为对话框创建一个溢出时间是100ms的定时器 */
140.      WM_CreateTimer(WM_GetClientWindow(hDlg), 0, 100, 0);
141.         
142.      while(1)
143.      {
144.          GUI_Delay(50);
145.      }
146. }

复制代码

席萌0209

57.6   实验例程说明（裸机）


配套例子：
        V6-586_STemWin实验_Progbar进度条控件（裸机）
实验目的：
        1.     本实验主要学习进度条控件的使用。
        2.     emWin功能的实现在MainTask.c文件里面。
实验内容：
        1.     GUI任务在对话框上面创建了进度条控件，每100ms更新一次，进度条进更新到100%后，重新从0%开始，如此循环。
STemWin界面显示效果：
        800*480分辨率界面效果。

STemWin动态内存配置：
        GUIConf.c文件中的配置如下：

1. #define EX_SRAM   1/*1 used extern sram, 0 used internal sram */
3. #if EX_SRAM
4. #define GUI_NUMBYTES  (1024*1024*8)
5. #else
6. #define GUI_NUMBYTES  (100*1024)
7. #endif

复制代码

        通过宏定义来配置使用内部SRAM还是外部的SDRAM做为emWin的动态内存，当配置：
#define EX_SRAM    1 表示使用外部SDRAM作为emWin动态内存，大小8MB。
#define EX_SRAM    0 表示使用内部SRAM作为emWin动态内存，大小100KB。
默认情况下，本教程配套的所有emWin例子都是用外部SDRAM作为emWin动态内存。
STemWin底层接口配置：
        LCDConf_Lin_Template.c文件中共12项emWin配置：

1. /*
2. **********************************************************************************************************
3.                                           用户可以配置的选项
4. **********************************************************************************************************
5. */
6. /* 0. 在官方代码的基础上再做优化，官方的部分函数效率低，耗内存, 0表示优化 */
7. #define emWin_Optimize   0
9. /*
10.   1. 显示屏的物理分辨率，驱动已经做了显示屏自适应，支持4.3寸，5寸和7寸屏
11.      这里填写自适应显示屏中的最大分辨率。
12. */
13. #define XSIZE_PHYS       800
14. #define YSIZE_PHYS       480
16. /* 2. 多缓冲 / 虚拟屏，多缓冲和虚拟屏不可同时使用，emWin不支持 */
17. #define NUM_BUFFERS      3 /* 定义多缓冲个数，仅可以设置1,2和3，也就是最大支持三缓冲 */
18. #define NUM_VSCREENS     1 /* 定义虚拟屏个数 */
20. /* 3. 没有图层激活时，背景色设置, 暂时未用到 */
21. #define BK_COLOR         GUI_DARKBLUE
23. /*
24.    4. 重定义图层数，对于STM32F429/439，用户可以选择一个图层或者两个图层，不支持三图层
25.       (1). 设置GUI_NUM_LAYERS = 1时，即仅使用图层1时，默认触摸值是发送给图层1的。
26.        (2). 设置GUI_NUM_LAYERS = 2时，即图层1和图层2都已经使能，此时图层2是顶层，
27.             用户需要根据自己的使用情况设置如下两个地方。
28.             a. 在bsp_touch.c文件中的函数TOUCH_InitHard里面设置参数State.Layer = 1，1就表示
29.                给图层2发送触摸值。
30.             b. 调用GUI_Init函数后，调用函数GUI_SelectLayer(1), 设置当前操作的是图层2。
31. */
32. #undef  GUI_NUM_LAYERS
33. #define GUI_NUM_LAYERS    1
35. /*
36.    5. 设置图层1和图层2对应的显存地址
37.       (1) EXT_SDRAM_ADDR 是SDRAM的首地址。
38.       (2) LCD_LAYER0_FRAME_BUFFER 是图层1的显存地址。
39.        (3) LCD_LAYER1_FRAME_BUFFER 是图层2的显存地址。
40.        (4) 每个图层的显存大小比较考究，这里进行下简单的说明。
41.            如果用户选择的颜色模式 = 32位色ARGB8888，显存的大小：
42.            XSIZE_PHYS * YSIZE_PHYS * 4 * NUM_VSCREENS * NUM_BUFFERS
43.          
44.            颜色模式 = 24位色RGB888，显存的大小：
45.            XSIZE_PHYS * YSIZE_PHYS * 3 * NUM_VSCREENS * NUM_BUFFERS
46.          
47.            颜色模式 = 16位色RGB566，ARGB1555, ARGB4444，AL88，那么显存的大小就是：
48.            XSIZE_PHYS * YSIZE_PHYS * 2 * NUM_VSCREENS * NUM_BUFFERS
50.            颜色模式 = 8位色L8，AL44，那么显存的大小就是：
51.            XSIZE_PHYS * YSIZE_PHYS * 1 * NUM_VSCREENS * NUM_BUFFERS  
52.      
53.       这里为了方便起见，将开发板配套的16MB的SDRAM前8MB分配给LCD显存使用，后8MB用于emWin动态内存。
54.        对于24位色，16位色，8位色，用户可以对其使能三缓冲，并且使能双图层。但是32位色也使能三缓冲和双
55.        图层的话会超出8MB，所以用户根据自己的情况做显存和emWin动态内存的分配调整。
56.          举一个例子，对于800*480分辨率的显示屏，使能32位色，三缓冲，那么最终一个图层需要的大小就是
57.       800 * 480 * 4 * 3  = 4.394MB的空间，如果是双图层，已经超出8MB的分配范围。
58.      
59.       (5)为了方便起见，图层2的宏定义LCD_LAYER1_FRAME_BUFFER中的参数4是按照32位色设置的，如果用户的图层1
60.          使用的是8位色，这里填数字1,如果是16位色，这里填2，如果是24位色，这里填3。
61. */
62. #define LCD_LAYER0_FRAME_BUFFER  EXT_SDRAM_ADDR
63. #define LCD_LAYER1_FRAME_BUFFER  (LCD_LAYER0_FRAME_BUFFER + XSIZE_PHYS * YSIZE_PHYS * 4 * NUM_VSCREENS *
64. NUM_BUFFERS)
66. /*
67.    6. STM32F429/439支持的颜色模式，所有模式都支持，用户可任意配置。
68.       特别注意如下两个问题：
69.        (1) 如果用户选择了ARGB8888或者RGB888模式，LCD闪烁比较厉害的话，
70.            请降低LTDC的时钟大小，在文件bsp_tft_429.c的函数LCD_ConfigLTDC里面设置。
71.            a. 一般800*480分辨率的显示屏，ARGB8888或者RGB888模式LTDC时钟选择10-20MHz即可。
72.            b. 480*272分辨率的可以高些，取20MHz左右即可。
73.        (2) 16位色或者8位色模式，LTDC的时钟频率一般可以比24位色或者32位色的高一倍。
74. */
75. #define _CM_ARGB8888      1
76. #define _CM_RGB888        2
77. #define _CM_RGB565        3
78. #define _CM_ARGB1555      4
79. #define _CM_ARGB4444      5
80. #define _CM_L8            6
81. #define _CM_AL44          7
82. #define _CM_AL88          8
84. /* 7. 配置图层1的颜色模式和分辨率大小 */
85. #define COLOR_MODE_0      _CM_RGB565
86. #define XSIZE_0           XSIZE_PHYS
87. #define YSIZE_0           YSIZE_PHYS
89. /* 8. 配置图层2的的颜色模式和分辨率大小 */
90. #define COLOR_MODE_1      _CM_RGB565
91. #define XSIZE_1           XSIZE_PHYS
92. #define YSIZE_1           YSIZE_PHYS
94. /* 9. 单图层情况下，根据用户选择的颜色模式可自动选择图层1的emWin的驱动和颜色模式 */
95. #if   (COLOR_MODE_0 == _CM_ARGB8888)
96.   #define COLOR_CONVERSION_0 GUICC_M8888I
97.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_32
98. #elif (COLOR_MODE_0 == _CM_RGB888)
99.   #define COLOR_CONVERSION_0 GUICC_M888
100.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_24
101. #elif (COLOR_MODE_0 == _CM_RGB565)
102.   #define COLOR_CONVERSION_0 GUICC_M565
103.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_16
104. #elif (COLOR_MODE_0 == _CM_ARGB1555)
105.   #define COLOR_CONVERSION_0 GUICC_M1555I
106.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_16
107. #elif (COLOR_MODE_0 == _CM_ARGB4444)
108.   #define COLOR_CONVERSION_0 GUICC_M4444I
109.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_16
110. #elif (COLOR_MODE_0 == _CM_L8)
111.   #define COLOR_CONVERSION_0 GUICC_8666
112.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_8
113. #elif (COLOR_MODE_0 == _CM_AL44)
114.   #define COLOR_CONVERSION_0 GUICC_1616I
115.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_8
116. #elif (COLOR_MODE_0 == _CM_AL88)
117.   #define COLOR_CONVERSION_0 GUICC_88666I
118.   #define DISPLAY_DRIVER_0   GUIDRV_LIN_16
119. #else
120.   #error Illegal color mode 0!
121. #endif
123. /* 10. 双图层情况下，根据用户选择的颜色模式可自动选择图层2的emWin的驱动和颜色模式 */
124. #if (GUI_NUM_LAYERS > 1)
126. #if   (COLOR_MODE_1 == _CM_ARGB8888)
127.   #define COLOR_CONVERSION_1 GUICC_M8888I
128.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_32
129. #elif (COLOR_MODE_1 == _CM_RGB888)
130.   #define COLOR_CONVERSION_1 GUICC_M888
131.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_24
132. #elif (COLOR_MODE_1 == _CM_RGB565)
133.   #define COLOR_CONVERSION_1 GUICC_M565
134.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_16
135. #elif (COLOR_MODE_1 == _CM_ARGB1555)
136.   #define COLOR_CONVERSION_1 GUICC_M1555I
137.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_16
138. #elif (COLOR_MODE_1 == _CM_ARGB4444)
139.   #define COLOR_CONVERSION_1 GUICC_M4444I
140.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_16
141. #elif (COLOR_MODE_1 == _CM_L8)
142.   #define COLOR_CONVERSION_1 GUICC_8666
143.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_8
144. #elif (COLOR_MODE_1 == _CM_AL44)
145.   #define COLOR_CONVERSION_1 GUICC_1616I
146.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_8
147. #elif (COLOR_MODE_1 == _CM_AL88)
148.   #define COLOR_CONVERSION_1 GUICC_88666I
149.   #define DISPLAY_DRIVER_1   GUIDRV_LIN_16
150. #else
151.   #error Illegal color mode 1!
152. #endif
154. #else
156. #undef XSIZE_0
157. #undef YSIZE_0
158. #define XSIZE_0       XSIZE_PHYS
159. #define YSIZE_0       YSIZE_PHYS
161. #endif
163. /*11. 配置选项检测，防止配置错误或者某些选项没有配置 */
164. #ifndef   XSIZE_PHYS
165.   #error Physical X size of display is not defined!
166. #endif
167. #ifndef   YSIZE_PHYS
168.   #error Physical Y size of display is not defined!
169. #endif
170. #ifndef   NUM_VSCREENS
171.   #define NUM_VSCREENS 1
172. #else
173.   #if (NUM_VSCREENS <= 0)
174.     #error At least one screeen needs to be defined!
175.   #endif
176. #endif
177. #if (NUM_VSCREENS > 1) && (NUM_BUFFERS > 1)
178.   #error Virtual screens and multiple buffers are not allowed!
179. #endif

复制代码

        对于这12个配置选项，注释说明已经比较详细。默认情况下，本教程配套的emWin例子都是用的三缓冲，RGB565格式，且仅使用单图层。
程序设计：
栈大小分配：
        系统栈大小在startup_stm32f429_439xx.s文件中配置：

        栈大小的单位是字节，那么这里配置系统栈大小为8192字节。
主函数初始化：

1. /*
2. *********************************************************************************************************
3. *    函 数 名: main
4. *    功能说明: 标准c程序入口。
5. *    形    参: 无
6. *    返 回 值: 无
7. *********************************************************************************************************
8. */
9. int main (void)
10. {   
11.      /* 初始化外设 */
12.      bsp_Init();
14.      /* 进入emWin主函数 */
15.      MainTask();
16. }

复制代码

硬件外设初始化
        硬件外设的初始化是在bsp.c文件实现：

1. /*
2. *********************************************************************************************************
3. *    函 数 名: bsp_Init
4. *    功能说明: 初始化所有的硬件设备。该函数配置CPU寄存器和外设的寄存器并初始化一些全局变量。只需要调用一次
5. *    形    参：无
6. *    返 回 值: 无
7. *********************************************************************************************************
8. */
9. void bsp_Init(void)
10. {
11.      /*
12.          由于ST固件库的启动文件已经执行了CPU系统时钟的初始化，所以不必再次重复配置系统时钟。
13.          启动文件配置了CPU主时钟频率、内部Flash访问速度和可选的外部SRAM FSMC初始化。
15.          系统时钟缺省配置为168MHz，如果需要更改，可以修改 system_stm32f4xx.c 文件
16.      */
17.      /* 使能CRC 因为使用STemWin前必须要使能 */
18.     RCC_AHB1PeriphClockCmd(RCC_AHB1Periph_CRC, ENABLE);
19.    
20.      /* 优先级分组设置为4，可配置0-15级抢占式优先级，0级子优先级，即不存在子优先级。*/
21.      NVIC_PriorityGroupConfig(NVIC_PriorityGroup_4);
22.    
23.      SystemCoreClockUpdate();    /* 根据PLL配置更新系统时钟频率变量 SystemCoreClock */
25.      bsp_InitUart();        /* 初始化串口 */
26.      bsp_InitKey();         /* 初始化按键变量（必须在 bsp_InitTimer() 之前调用） */
27.    
28.      bsp_InitExtIO();       /* FMC总线上扩展了32位输出IO, 操作LED等外设必须初始化 */
29.      bsp_InitLed();         /* 初始LED指示灯端口 */
30.    
31.      bsp_InitI2C();         /* 配置I2C总线 */
32.      bsp_InitSPIBus();       /* 配置SPI总线 */
33.    
34.      bsp_InitSFlash();       /* 初始化SPI Flash */
35.    
36.      bsp_InitExtSDRAM();   /* 初始化SDRAM */
37.      bsp_DetectLcdType();  /* 检测触摸板和LCD面板型号, 结果存在全局变量 g_TouchType, g_LcdType */
38.    
39.      TOUCH_InitHard();    /* 初始化配置触摸芯片 */
40.      LCD_ConfigLTDC();     /* 初始化配置LTDC */
41.    
42.      result = f_mount(&fs, "0:/", 0);     /* 挂载文件系统 */
43. }

复制代码

emWin功能的具体实现（在MainTask.c文件里面）：

1. #include "MainTask.h"
2. #include "bsp.h"
4. /*
5. *********************************************************************************************************
6. *                                         宏定义
7. *********************************************************************************************************
8. */
9. #define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
10. #define ID_PROGBAR_0  (GUI_ID_USER + 0x01)
14. /*
15. *********************************************************************************************************
16. *                           GUI_WIDGET_CREATE_INFO类型数组
17. *********************************************************************************************************
18. */
19. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] =
20. {
21.      { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 800, 480, 0, 0x64, 0 },
22.      { PROGBAR_CreateIndirect, "Progbar", ID_PROGBAR_0, 39, 34, 174, 35, 0, 0x0, 0 },
23. };
25. /*
26. *********************************************************************************************************
27. *    函 数 名: _cbDialogPage
28. *    功能说明: 对话框回调函数        
29. *    形    参: pMsg  回调参数
30. *    返 回 值: 无
31. *********************************************************************************************************
32. */
33. static void _cbDialog(WM_MESSAGE * pMsg)
34. {
35.      WM_HWIN hItem;
36.      int Value;
38.      switch (pMsg->MsgId)
39.      {
40.          case WM_INIT_DIALOG:
41.             
42.               //
43.               // 初始化框架窗口
44.               //
45.               hItem = pMsg->hWin;
46.               FRAMEWIN_SetText(hItem, "armfly");
47.               FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
48.               FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
49.         
50.              //
51.               // 初始化进度条控件
52.               //
53.               hItem = WM_GetDialogItem(pMsg->hWin, ID_PROGBAR_0);
54.               PROGBAR_SetFont(hItem, GUI_FONT_16_ASCII);
55.         
56.               /* 设置最大值100，最小值0 */
57.               PROGBAR_SetMinMax(hItem, 0, 100);
58.               break;
59.         
60.          case WM_TIMER:
61.               hItem = WM_GetDialogItem(pMsg->hWin, ID_PROGBAR_0);
62.         
63.               /* 获得进度条控件当前的数值 */
64.               Value = PROGBAR_GetValue(hItem);
65.             
66.               /* 如果数值到最大值100，重新从0开始 */
67.               if (Value == 100)
68.               {
69.                    PROGBAR_SetValue(hItem, 0);
70.               }
71.               /* 如果数值未到最大值100，数值每次加1 */         
72.               else
73.               {
74.                    PROGBAR_SetValue(hItem, Value + 1);
75.               }
76.             
77.               WM_RestartTimer(pMsg->Data.v, 100);
78.               break;
79.         
80.          default:
81.               WM_DefaultProc(pMsg);
82.               break;
83.      }
84. }
86. /*
87. *********************************************************************************************************
88. *    函 数 名: CreateFramewin
89. *    功能说明: 创建对话框      
90. *    形    参: 无
91. *    返 回 值: 返回对话框句柄
92. *********************************************************************************************************
93. */
94. WM_HWIN CreateFramewin(void)
95. {
96.      WM_HWIN hWin;
98.      hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
99.      return hWin;
100. }
102. /*
103. *********************************************************************************************************
104. *    函 数 名: MainTask
105. *    功能说明: GUI主函数
106. *    形    参: 无
107. *    返 回 值: 无
108. *********************************************************************************************************
109. */
110. void MainTask(void)
111. {
112.      WM_HWIN hDlg;
113.    
114.      /* 初始化 */
115.      GUI_Init();
116.    
117.      /*
118.       关于多缓冲和窗口内存设备的设置说明
119.         1. 使能多缓冲是调用的如下函数，用户要在LCDConf_Lin_Template.c文件中配置了多缓冲，调用此函数才有效：
120.            WM_MULTIBUF_Enable(1);
121.         2. 窗口使能使用内存设备是调用函数：WM_SetCreateFlags(WM_CF_MEMDEV);
122.         3. 如果emWin的配置多缓冲和窗口内存设备都支持，二选一即可，且务必优先选择使用多缓冲，实际使用
123.            STM32F429BIT6 + 32位SDRAM + RGB565/RGB888平台测试，多缓冲可以有效的降低窗口移动或者滑动时的撕裂
124.            感，并有效的提高流畅性，通过使能窗口使用内存设备是做不到的。
125.         4. 所有emWin例子默认是开启三缓冲。
126.      */
127.      WM_MULTIBUF_Enable(1);
128.    
129.      /*
130.        触摸校准函数默认是注释掉的，电阻屏需要校准，电容屏无需校准。如果用户需要校准电阻屏的话，执行
131.         此函数即可，会将触摸校准参数保存到EEPROM里面，以后系统上电会自动从EEPROM里面加载。
132.      */
133.     //TOUCH_Calibration();
134.    
135.      /* 创建对话框 */
136.      hDlg = CreateFramewin();
138.      /* 为对话框创建一个溢出时间是100ms的定时器 */
139.      WM_CreateTimer(WM_GetClientWindow(hDlg), 0, 100, 0);
140.         
141.      while(1)
142.      {
143.          GUI_Delay(50);
144.      }
145. }

复制代码

席萌0209

57.7  总结


        本期教程主要是跟大家讲解了进度条控件，对于初学者来说，应该可以很快就能掌握此控件的用法，比较易学易用。