【emWin实战教程V2.0】 第63章 ST

席萌0209

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




第63章      STemWin皮肤色设置方法


       本章节为大家讲解STemWin皮肤色，皮肤色就是控件的外设效果，设置皮肤色就是设置控件的外观。很多时候，根据项目要求需要设置出不同外观的界面，此时设置皮肤色就派上用场了。
63.1 初学者重要提示
63.2 皮肤色设置基础知识
63.3 皮肤色相关API函数
63.4 皮肤色属性修改方法
63.5 自定义皮肤色回调函数的方法
63.6 实验例程说明（RTOS）
63.7 实验例程说明（裸机）
63.8 总结

席萌0209

63.1  初学者重要提示

1、建议初学者在学习本章节前，将官方手册中皮肤章节开头的基础知识也学习下。
2、设置控件的皮肤有两种方法，一种是设置控件的皮肤回调函数，另一种是设置皮肤的属性，本章节主要为大家讲解这两种方法。
3、皮肤色的所有API函数在emWin手册中都有讲解，下图是中文版手册里面通用API函数位置，具体到支持皮肤色的控件，在此手册的18.8小节到18.16小节分别进行说明。

        下图是英文版手册里面通用API函数的位置，具体到支持皮肤色的控件，在此手册的22.8小节到22.19小节分别进行说明：

席萌0209

63.2 皮肤色设置基础知识


        总的来说，控件的外观设置可以分为两种，一种是经典的外观设置，另一种就是本章节要讲解的皮肤色设置。这两种方式的API函数完全是独立的，各自操作各自的，互不通用。
        前面第47章节为大家讲解的按钮控件自定义回调函数实现各种按钮效果可以认为是第三种设置方法。
大家仅需知道这种方法也可以设置外观即可，无需纠结这种方法应该属于前面两种外观设置的哪一类。
u  经典外观
        经典的外观设置函数比较简单，主要是一些背景色设置，比如按钮控件的BUTTON_SetBkColor()函数，单选按钮的RADIO_SetBkColor()和滑块控件的SLIDER_SetBkColor()等。另外还有一小部分控件带有自绘制函数，比如列表框的LISTBOX_SetOwnerDraw函数，通过此函数也可以设置外观。
u  皮肤色设置
        这个是我们本章节的重点，设置控件的皮肤有两种方法，一种是设置控件的皮肤回调函数，另一种是设置皮肤的属性。本章节把这两种方法给大家讲解下如何使用。
--------------------------------------------------
emWin5.32支持皮肤色的控件以及对应的默认皮肤回调函数：

控件默认的皮肤色回调函数是被emWin库封装起来的，用户是无法查看的。

席萌0209

63.3 皮肤色相关API函数


       下面是控件通用的皮肤设置函数，注意，函数的前缀<WIDGET>可以是任何支持皮肤色的控件前缀，比如BUTTON，CHECKBOX，FRAMEWIN等：

这几个函数可以简单的分成以下四组进行说明：
u  <WIDGET>_DrawSkinFlex()
       此函数是单独一组，这个函数在用户自定义皮肤回调函数的时候才会用到。皮肤回调函数的命令是非常多的，用户自定义皮肤回调函数时无法将这些命令全部都实现，此时就可以调用这个函数来处理未实现的命令，依然采用默认方式实现。
u  <WIDGET>_GetSkinFlexProps()
u  <WIDGET>_SetSkinFlexProps()
        这两个函数是一组，一个是用来获取控件的皮肤属性，另一个是用来设置皮肤属性。
u  <WIDGET>_SetDefaultSkin()
u  <WIDGET>_SetSkin()
        这两个函数是一组，用来设置皮肤色回调函数的，其中函数<WIDGET>_SetDefaultSkin()是设置此种类型的所有控件，而函数<WIDGET>_SetSkin()仅是指定此种类型控件中的某一个。比如函数BUTTON_SetDefaultSkin()设置所有按钮控件，而函数BUTTON_SetSkin仅是指定某一个按钮控件。
u  <WIDGET>_SetDefaultSkinClassic()
u  <WIDGET>_SetSkinClassic()
        这两个函数是一组，用来设置经典外观，其中函数<WIDGET>_SetDefaultSkinClassic()是设置此种类型的所有控件，而函数<WIDGET>_SetSkinClassic()仅是指定此种类型控件中的某一个。比如函数BUTTON_SetDefaultSkinClassic()设置所有按钮控件，而函数BUTTON_SetSkinClassic()仅是指定某一个按钮控件。

席萌0209

63.4 皮肤色属性修改方法


        这种方法简单易用，推荐初学者使用。但是具体到某个控件时该如何实现呢？我们这里以按钮控件为例进行说明（任何其它控件都是一样的思路），每个支持皮肤色的控件，手册中都有专门的讲解，下面是中文版手册中按钮部分的讲解：

在这个小节的开头，手册给出按钮控件的皮肤设计细节：

针对上面截图中的每个字母，手册中都专门给出了解释：

为了配置这些选项，emWin专门将其定义为结构体BUTTON_SKINFLEX_PROPS：

有了这个结构体后，用户只需配合函数BUTTON_GetSkinFlexProps()和BUTTON_SetSkinFlexProps()就可以设置皮肤色属性了。另外要注意，使用这两个函数配置的时候，按钮控件是有按下，聚焦，启用和禁止四种状态的皮肤色，用户要根据需要设置相应的状态。
        这里我们举一个可以在模拟器上面运行的完整代码如下，此代码对应的例子是V6-603_STemWin实验_控件皮肤色设置之皮肤属性修改法（模拟器）：

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_BUTTON_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.   { BUTTON_CreateIndirect, "Button", ID_BUTTON_0, 34, 35, 177, 52, 0, 0x0, 0 },
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     NCode;
77.   int     Id;
78.   BUTTON_SKINFLEX_PROPS BUTTON_Props; //--------------（1）
80.   // USER START (Optionally insert additional variables)
81.   // USER END
83.   switch (pMsg->MsgId) {
84.   case WM_INIT_DIALOG:
85.     //
86.     // Initialization of 'Framewin'
87.     //
88.     hItem = pMsg->hWin;
89.     FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
90.     FRAMEWIN_SetText(hItem, "armfly");
91.     FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
92.     //
93.     // Initialization of 'Button'
94.     //
95.     hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);
96.     BUTTON_SetFont(hItem, GUI_FONT_20_1);
97.     BUTTON_SetText(hItem, "Button");
99.      /* 获取按钮启动状态的皮肤 */
100.      BUTTON_GetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_ENABLED); //--------------（2）
101.      BUTTON_Props.aColorFrame[0] = 0x000080FF;                           //--------------（3）
102.      BUTTON_Props.aColorFrame[1] = 0x000080FF;
103.      BUTTON_Props.aColorFrame[2] = 0x000080FF;
105.      BUTTON_Props.aColorLower[0] = 0x000080FF;
106.      BUTTON_Props.aColorLower[1] = 0x000080FF;
107.    
108.      BUTTON_Props.aColorUpper[0] = 0x000080FF;
109.      BUTTON_Props.aColorUpper[1] = 0x000080FF;
111.      /* 设置按下启动状态的皮肤色 */
112.      BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_ENABLED); //--------------（4）
113.      /* 设置聚焦状态的皮肤色 */
114.      BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_FOCUSSED); //--------------（5）
116.      BUTTON_Props.aColorFrame[0] = GUI_GREEN;
117.      BUTTON_Props.aColorFrame[1] = GUI_GREEN;
118.      BUTTON_Props.aColorFrame[2] = GUI_GREEN;
120.      BUTTON_Props.aColorLower[0] = GUI_GREEN;
121.      BUTTON_Props.aColorLower[1] = GUI_GREEN;
122.    
123.      BUTTON_Props.aColorUpper[0] = GUI_GREEN;
124.      BUTTON_Props.aColorUpper[1] = GUI_GREEN;
125.      /* 设置按下状态的皮肤色 */
126.      BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_PRESSED); //--------------（6）
128.     // USER START (Optionally insert additional code for further widget initialization)
129.     // USER END
130.     break;
131.   case WM_NOTIFY_PARENT:
132.     Id    = WM_GetId(pMsg->hWinSrc);
133.     NCode = pMsg->Data.v;
134.     switch(Id) {
135.     case ID_BUTTON_0: // Notifications sent by 'Button'
136.       switch(NCode) {
137.       case WM_NOTIFICATION_CLICKED:
138.         // USER START (Optionally insert code for reacting on notification message)
139.         // USER END
140.         break;
141.       case WM_NOTIFICATION_RELEASED:
142.         // USER START (Optionally insert code for reacting on notification message)
143.         // USER END
144.         break;
145.       // USER START (Optionally insert additional code for further notification handling)
146.       // USER END
147.       }
148.       break;
149.     // USER START (Optionally insert additional code for further Ids)
150.     // USER END
151.     }
152.     break;
153.   // USER START (Optionally insert additional message handling)
154.   // USER END
155.   default:
156.     WM_DefaultProc(pMsg);
157.     break;
158.   }
159. }
161. /*********************************************************************
162. *
163. *       Public code
164. *
165. **********************************************************************
166. */
167. /*********************************************************************
168. *
169. *       CreateFramewin
170. */
171. WM_HWIN CreateFramewin(void);
172. WM_HWIN CreateFramewin(void) {
173.   WM_HWIN hWin;
175.   hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
176.   return hWin;
177. }
179. /*********************************************************************
180. *
181. *       MainTask
182. */
183. void MainTask(void)
184. {
185.      /* 初始化 */
186.      GUI_Init();
188.      /* 窗口自动使用存储设备 */
189.      WM_SetCreateFlags(WM_CF_MEMDEV);
191.      /* 创建对话框，使用GUIBulder5.32生成的对话框创建函数 */
192.      CreateFramewin();
194.      while(1)
195.      {
196.          GUI_Delay(10);
197.      }
198. }
200. /*************************** End of file ****************************/

复制代码

创建的这个例子相对比较容易，主要是在对话框上面创建了一个按钮控件，并修改了按钮的皮肤属性。

1.     定义按钮的皮肤色结构体变量BUTTON_SKINFLEX_PROPS。

2.     通过函数BUTTON_GetSkinFlexProps获取按钮启动状态时的皮肤属性，启动状态对应的索引是BUTTON_SKINFLEX_PI_ENABLED。

3.     我们这里将按钮的皮肤参数全部设置为同一种颜色0x000080FF，实现扁平化效果。未设置的皮肤参数依然使用系统默认的。

4.     通过函数BUTTON_SetSkinFlexProps设置按钮启动状态时的皮肤属性，启动状态对应的索引是BUTTON_SKINFLEX_PI_ENABLED。

5.     通过函数BUTTON_SetSkinFlexProps设置按钮聚焦状态时的皮肤属性，聚焦状态对应的索引是BUTTON_SKINFLEX_PI_FOCUSSED。

6.     通过函数BUTTON_SetSkinFlexProps设置按钮按下状态的皮肤属性，按下状态对应的索引是BUTTON_SKINFLEX_PI_PRESSED。

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

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

席萌0209

63.5 自定义皮肤色回调函数的方法


        通过重新定义皮肤色回调函数来修改皮肤的方法不推荐初学者使用，因为稍麻烦，而且容易出错，推荐采用修改皮肤属性的方法。当然，如果这种方法用熟练了，也是没有问题的。
        皮肤色自定义回调函数的书写形式如下（所有支持皮肤色的控件都是这种形式）：

1. int <WIDGET>_DrawSkin(const WIDGET_ITEM_DRAW_INFO * pDrawItemInfo) {
2. switch (pDrawItemInfo->Cmd) {
3. case WIDGET_ITEM_DRAW_BACKGROUND:
4. /* Draw the background */
5. break;
7. case WIDGET_ITEM_DRAW_TEXT:
8. /* Draw the text */
9. break;
11. case WIDGET_ITEM_CREATE:
12. /* Additional function calls required to create the widget */
13. break;
14. ................ /* 其余省略未写 */
15. }

复制代码

        这么一小段代码里面最关键的是结构体变量WIDGET_ITEM_DRAW_INFO，此变量的定义如下：

结构体变量WIDGET_ITEM_DRAW_INFO里面最主要是Cmd处理命令。关于这个命令，官方手册中给出了20多个命令类型，我们这里就不列举出来了，大家参看官方手册即可。
        具体到每个控件时，不是20多个命令类型都支持的，不同的控件，支持的命令类型有所不同。我们这里依然以按钮控件为例给大家进行说明，按钮控件支持的4种命令如下：

有了这些基础知识后，用户只需使用函数BUTTON_SetDefaultSkin或者BUTTON_SetSkin就可以重新定义按钮的皮肤色。另外要注意，自定义皮肤色回调函数时，按钮控件是有按下，聚焦，启用和禁止四种状态的皮肤色，用户要根据需要设置相应的状态。
        这里我们举一个可以在模拟器上面运行的完整代码如下，此代码对应的例子是V6-604_STemWin实验_控件皮肤色设置之皮肤回调函数自定义法（模拟器），重点看皮肤回调函数的实现方法：

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
23. #include "DIALOG.h"
25. /*********************************************************************
26. *
27. *       Defines
28. *
29. **********************************************************************
30. */
31. #define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
32. #define ID_BUTTON_0 (GUI_ID_USER + 0x01)
35. // USER START (Optionally insert additional defines)
36. // USER END
38. /*********************************************************************
39. *
40. *       Static data
41. *
42. **********************************************************************
43. */
45. // USER START (Optionally insert additional static data)
46. // USER END
48. /*********************************************************************
49. *
50. *       _aDialogCreate
51. */
52. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
53.   { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 800, 480, 0, 0x64, 0 },
54.   { BUTTON_CreateIndirect, "Button", ID_BUTTON_0, 34, 35, 177, 52, 0, 0x0, 0 },
55.   // USER START (Optionally insert additional widgets)
56.   // USER END
57. };
59. /*********************************************************************
60. *
61. *       _DrawSkin_BUTTON
62. */
63. static int _DrawSkin_BUTTON(const WIDGET_ITEM_DRAW_INFO * pDrawItemInfo) { //--------------（1）
64.   switch (pDrawItemInfo->Cmd) {
65.    case WIDGET_ITEM_DRAW_BACKGROUND:               //--------------（2）
66.       //
67.       // 扁平化风格按钮
68.       //
69.       GUI_SetColor(0xA8A851);
70.       if (BUTTON_IsPressed(pDrawItemInfo->hWin)) { //--------------（3）
71.        GUI_AA_FillRoundedRect(pDrawItemInfo->x0, pDrawItemInfo->y0, pDrawItemInfo->x1, pDrawItemInfo->y1, 6);
72.       } else {
73.        GUI_AA_DrawRoundedRect(pDrawItemInfo->x0, pDrawItemInfo->y0, pDrawItemInfo->x1, pDrawItemInfo->y1, 6);
74.       }
75.     break;
77.   default:
78.     //
79.     // Use the default skinning routine for processing all other commands
80.     //
81.     return BUTTON_DrawSkinFlex(pDrawItemInfo);   //--------------（4）
82.   }
83.   return 0;
84. }
86. // USER START (Optionally insert additional static code)
87. // USER END
89. /*********************************************************************
90. *
91. *       _cbDialog
92. */
93. static void _cbDialog(WM_MESSAGE * pMsg) {
94.   WM_HWIN hItem;
95.   int     NCode;
96.   int     Id;
97.   // USER START (Optionally insert additional variables)
98.   // USER END
100.   switch (pMsg->MsgId) {
101.   case WM_INIT_DIALOG:
102.     //
103.     // Initialization of 'Framewin'
104.     //
105.     hItem = pMsg->hWin;
106.     FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
107.     FRAMEWIN_SetText(hItem, "armfly");
108.     FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
109.     //
110.     // Initialization of 'Button'
111.     //
112.     hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);
113.     BUTTON_SetFont(hItem, GUI_FONT_20_1);
114.     BUTTON_SetText(hItem, "Button");
115.      BUTTON_SetSkin(hItem, _DrawSkin_BUTTON); //--------------（5）
118.     // USER START (Optionally insert additional code for further widget initialization)
119.     // USER END
120.     break;
121.   case WM_NOTIFY_PARENT:
122.     Id    = WM_GetId(pMsg->hWinSrc);
123.     NCode = pMsg->Data.v;
124.     switch(Id) {
125.     case ID_BUTTON_0: // Notifications sent by 'Button'
126.       switch(NCode) {
127.       case WM_NOTIFICATION_CLICKED:
128.         // USER START (Optionally insert code for reacting on notification message)
129.         // USER END
130.         break;
131.       case WM_NOTIFICATION_RELEASED:
132.         // USER START (Optionally insert code for reacting on notification message)
133.         // USER END
134.         break;
135.       // USER START (Optionally insert additional code for further notification handling)
136.       // USER END
137.       }
138.       break;
139.     // USER START (Optionally insert additional code for further Ids)
140.     // USER END
141.     }
142.     break;
143.   // USER START (Optionally insert additional message handling)
144.   // USER END
145.   default:
146.     WM_DefaultProc(pMsg);
147.     break;
148.   }
149. }
151. /*********************************************************************
152. *
153. *       Public code
154. *
155. **********************************************************************
156. */
157. /*********************************************************************
158. *
159. *       CreateFramewin
160. */
161. WM_HWIN CreateFramewin(void);
162. WM_HWIN CreateFramewin(void) {
163.   WM_HWIN hWin;
165.   hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
166.   return hWin;
167. }
169. /*********************************************************************
170. *
171. *       MainTask
172. */
173. void MainTask(void)
174. {
175.      /* 初始化 */
176.      GUI_Init();
178.      /* 窗口自动使用存储设备 */
179.      WM_SetCreateFlags(WM_CF_MEMDEV);
181.      /* 创建对话框，使用GUIBulder5.32生成的对话框创建函数 */
182.      CreateFramewin();
184.      while(1)
185.      {
186.          GUI_Delay(10);
187.      }
188. }
190. /*************************** End of file ****************************/

复制代码

创建的这个例子相对比较容易，主要实现了在对话框上面创建一个按钮控件，并重新设置了此按钮的皮肤效果。

1.     按钮控件的皮肤回调函数。

2.     这里仅处理了绘制背景命令WIDGET_ITEM_DRAW_BACKGROUND。

3.     通过函数BUTTON_IsPressed来判断按钮是否按下，如果按下的话，通过函数GUI_AA_FillRoundedRect绘制一个填充的圆角矩形，如果未按下，通过函数GUI_AA_DrawRoundedRect绘制一个圆角矩形边框。

4.     除了绘制背景命令，其它所有命令依然使用按钮默认的皮肤回调函数BUTTON_DrawSkinFlex。

5.     通过函数BUTTON_SetSkin设置按钮控件ID_BUTTON_0的皮肤。

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

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

席萌0209

63.6  实验例程说明（RTOS）


配套例子：
        V6-601_STemWin实验_控件皮肤色设置（RTOS）
实验目的：
        1.     本实验主要学习皮肤色的设置方法。
        2.     设置皮肤色主要有两种方法，一种是修改皮肤属性，另一种是重新设置皮肤回调函数。
        3.     emWin功能的实现在MainTask.c文件里面。
实验内容：
        1.     K1按键按下，串口打印任务执行情况（波特率115200，数据位8，奇偶校验位无，停止位1）。
        2.     K2按键按下，实现截图功能，将图片以BMP格式保存到SD卡中。
        3.     GUI任务主要在对话框上面创建了框架窗口和两个按钮控件，其中框架窗口和一个按钮控件是采用修改皮肤属性实现新的皮肤效果，另一个按钮控件是设置皮肤回调函数实现新的皮肤效果。
        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_BUTTON_0   (GUI_ID_USER + 0x01)
12. #define ID_BUTTON_1   (GUI_ID_USER + 0x02)
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.      { BUTTON_CreateIndirect, "Button", ID_BUTTON_0, 34, 35, 177, 52, 0, 0x0, 0 },
24.      { BUTTON_CreateIndirect, "Button", ID_BUTTON_1, 34, 150, 177, 52, 0, 0x0, 0 },
25. };
27. /*
28. *********************************************************************************************************
29. *    函 数 名: _DrawSkin_BUTTON
30. *    功能说明: 按钮皮肤回调函数      
31. *    形    参: pDrawItemInfo  回调参数
32. *    返 回 值: 无
33. *********************************************************************************************************
34. */
35. static int _DrawSkin_BUTTON(const WIDGET_ITEM_DRAW_INFO * pDrawItemInfo)
36. {
37.      switch (pDrawItemInfo->Cmd)
38.      {
39.          /* 绘制按钮背景命令 */
40.          case WIDGET_ITEM_DRAW_BACKGROUND:
41.             
42.               /* 实现扁平化效果*/
43.               GUI_SetColor(0xA8A851);
44.               /* 如果按钮按下，或者填充的圆角矩形，如果未按下，绘制圆角边框 */
45.               if (BUTTON_IsPressed(pDrawItemInfo->hWin))                  
46.               {
47.                    GUI_AA_FillRoundedRect(pDrawItemInfo->x0, pDrawItemInfo->y0, pDrawItemInfo->x1,
48. pDrawItemInfo->y1, 6);
49.               }
50.               else
51.               {
52.                    GUI_AA_DrawRoundedRect(pDrawItemInfo->x0, pDrawItemInfo->y0, pDrawItemInfo->x1,
53. pDrawItemInfo->y1, 6);
54.               }
55.               break;
57.          default:
58.               /* 除了绘制背景命令，其它所有命令依然使用默认的按钮皮肤回调函数 */
59.               return BUTTON_DrawSkinFlex(pDrawItemInfo);
60.      }
61.    
62.      /* 防止警告 */
63.      return 0;
64. }
66. /*
67. *********************************************************************************************************
68. *    函 数 名: _cbDialog
69. *    功能说明: 对话框回调函数        
70. *    形    参: pMsg  回调参数
71. *    返 回 值: 无
72. *********************************************************************************************************
73. */
74. static void _cbDialog(WM_MESSAGE * pMsg)
75. {
76.      WM_HWIN hItem;
77.      int     NCode;
78.      int     Id;
79.      FRAMEWIN_SKINFLEX_PROPS Framewin_Props;
80.      BUTTON_SKINFLEX_PROPS BUTTON_Props;
82.      switch (pMsg->MsgId)
83.      {
84.          case WM_INIT_DIALOG:
85.               //
86.               // 初始化框架窗口
87.               //
88.               hItem = pMsg->hWin;
89.               FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
90.               FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
91.               FRAMEWIN_SetText(hItem, "armfly");
92.         
93.               /* 获取激活状态下框架窗口的皮肤参数 */
94.               FRAMEWIN_GetSkinFlexProps(&Framewin_Props, FRAMEWIN_SKINFLEX_PI_ACTIVE);
95.               Framewin_Props.aColorFrame[1] = GUI_RED;
96.               Framewin_Props.aColorFrame[2] = GUI_RED;
97.               Framewin_Props.aColorTitle[0] = GUI_RED;
98.               Framewin_Props.aColorTitle[1] = GUI_RED;         
99.               Framewin_Props.Radius = 0;
100.               /* 设置框架创建激活状态下的皮肤 */
101.               FRAMEWIN_SetSkinFlexProps(&Framewin_Props, FRAMEWIN_SKINFLEX_PI_ACTIVE);
102.               /* 设置框架创建未激活状态下的皮肤 */
103.               FRAMEWIN_GetSkinFlexProps(&Framewin_Props, FRAMEWIN_SKINFLEX_PI_INACTIVE);
104.         
105.               //
106.               // 初始按钮控件
107.               //
108.               hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);
109.               BUTTON_SetFont(hItem, GUI_FONT_20_1);
110.               BUTTON_SetText(hItem, "Button0");
112.               /* 获取按钮启动状态的皮肤 */
113.               BUTTON_GetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_ENABLED);
114.               BUTTON_Props.aColorFrame[0] = 0x000080FF;
115.               BUTTON_Props.aColorFrame[1] = 0x000080FF;
116.               BUTTON_Props.aColorFrame[2] = 0x000080FF;
118.               BUTTON_Props.aColorLower[0] = 0x000080FF;
119.               BUTTON_Props.aColorLower[1] = 0x000080FF;
120.             
121.               BUTTON_Props.aColorUpper[0] = 0x000080FF;
122.               BUTTON_Props.aColorUpper[1] = 0x000080FF;
124.               /* 设置按下启动状态的皮肤色 */
125.               BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_ENABLED);
126.               /* 设置聚焦状态的皮肤色 */
127.               BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_FOCUSSED);
129.               BUTTON_Props.aColorFrame[0] = GUI_GREEN;
130.               BUTTON_Props.aColorFrame[1] = GUI_GREEN;
131.               BUTTON_Props.aColorFrame[2] = GUI_GREEN;
133.               BUTTON_Props.aColorLower[0] = GUI_GREEN;
134.               BUTTON_Props.aColorLower[1] = GUI_GREEN;
135.             
136.               BUTTON_Props.aColorUpper[0] = GUI_GREEN;
137.               BUTTON_Props.aColorUpper[1] = GUI_GREEN;
138.               /* 设置按下状态的皮肤色 */
139.               BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_PRESSED);
140.         
141.               //
142.               // 初始化按钮控件
143.               //
144.               hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_1);
145.               BUTTON_SetFont(hItem, GUI_FONT_20_1);
146.               BUTTON_SetText(hItem, "Button1");
147.               /* 设置按钮的皮肤回调函数 */
148.               BUTTON_SetSkin(hItem, _DrawSkin_BUTTON);
149.               break;
150.         
151.          case WM_NOTIFY_PARENT:
152.               Id    = WM_GetId(pMsg->hWinSrc);
153.               NCode = pMsg->Data.v;
154.               switch(Id)
155.               {
156.                    case ID_BUTTON_0:
157.                        switch(NCode)
158.                        {
159.                             case WM_NOTIFICATION_CLICKED:
160.                                  break;
161.                            
162.                             case WM_NOTIFICATION_RELEASED:
163.                                  break;
164.                        }
165.               }
166.               break;
167.             
168.          default:
169.               WM_DefaultProc(pMsg);
170.               break;
171.      }
172. }
175. /*
176. *********************************************************************************************************
177. *    函 数 名: CreateFramewin
178. *    功能说明: 创建对话框      
179. *    形    参: 无
180. *    返 回 值: 返回对话框句柄
181. *********************************************************************************************************
182. */
183. WM_HWIN CreateFramewin(void)
184. {
185.      WM_HWIN hWin;
187.      hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
188.      return hWin;
189. }
191. /*
192. *********************************************************************************************************
193. *    函 数 名: MainTask
194. *    功能说明: GUI主函数
195. *    形    参: 无
196. *    返 回 值: 无
197. *********************************************************************************************************
198. */
199. void MainTask(void)
200. {
201.      /* 初始化 */
202.      GUI_Init();
203.    
204.      /*
205.       关于多缓冲和窗口内存设备的设置说明
206.         1. 使能多缓冲是调用的如下函数，用户要在LCDConf_Lin_Template.c文件中配置了多缓冲，调用此函数才有效：
207.            WM_MULTIBUF_Enable(1);
208.         2. 窗口使能使用内存设备是调用函数：WM_SetCreateFlags(WM_CF_MEMDEV);
209.         3. 如果emWin的配置多缓冲和窗口内存设备都支持，二选一即可，且务必优先选择使用多缓冲，实际使用
210.            STM32F429BIT6 + 32位SDRAM + RGB565/RGB888平台测试，多缓冲可以有效的降低窗口移动或者滑动时的撕裂
211.            感，并有效的提高流畅性，通过使能窗口使用内存设备是做不到的。
212.         4. 所有emWin例子默认是开启三缓冲。
213.      */
214.      WM_MULTIBUF_Enable(1);
215.    
216.      /*
217.        触摸校准函数默认是注释掉的，电阻屏需要校准，电容屏无需校准。如果用户需要校准电阻屏的话，执行
218.         此函数即可，会将触摸校准参数保存到EEPROM里面，以后系统上电会自动从EEPROM里面加载。
219.      */
220.     //TOUCH_Calibration();
221.    
222.      /* 创建对话框 */
223.      CreateFramewin();
224.         
225.      while(1)
226.      {
227.          GUI_Delay(50);
228.      }
229. }

复制代码

席萌0209

63.7 实验例程说明（裸机）


配套例子：
        V6-602_STemWin实验_控件皮肤色设置（裸机）
实验目的：
        1.     本实验主要学习皮肤色的设置方法。
        2.     设置皮肤色主要有两种方法，一种是修改皮肤属性，另一种是重新设置皮肤回调函数。
        3.     emWin功能的实现在MainTask.c文件里面。
实验内容：
       1.     GUI任务主要在对话框上面创建了框架窗口和两个按钮控件，其中框架窗口和一个按钮控件是采用修改皮肤属性实现新的皮肤效果，另一个按钮控件是设置皮肤回调函数实现新的皮肤效果。
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"
6. /*
7. *********************************************************************************************************
8. *                                         宏定义
9. *********************************************************************************************************
10. */
11. #define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
12. #define ID_BUTTON_0   (GUI_ID_USER + 0x01)
13. #define ID_BUTTON_1   (GUI_ID_USER + 0x02)
16. /*
17. *********************************************************************************************************
18. *                           GUI_WIDGET_CREATE_INFO类型数组
19. *********************************************************************************************************
20. */
21. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] =
22. {
23.      { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 800, 480, 0, 0x64, 0 },
24.      { BUTTON_CreateIndirect, "Button", ID_BUTTON_0, 34, 35, 177, 52, 0, 0x0, 0 },
25.      { BUTTON_CreateIndirect, "Button", ID_BUTTON_1, 34, 150, 177, 52, 0, 0x0, 0 },
26. };
28. /*
29. *********************************************************************************************************
30. *    函 数 名: _DrawSkin_BUTTON
31. *    功能说明: 按钮皮肤回调函数      
32. *    形    参: pDrawItemInfo  回调参数
33. *    返 回 值: 无
34. *********************************************************************************************************
35. */
36. static int _DrawSkin_BUTTON(const WIDGET_ITEM_DRAW_INFO * pDrawItemInfo)
37. {
38.      switch (pDrawItemInfo->Cmd)
39.      {
40.          /* 绘制按钮背景命令 */
41.          case WIDGET_ITEM_DRAW_BACKGROUND:
42.             
43.               /* 实现扁平化效果*/
44.               GUI_SetColor(0xA8A851);
45.               /* 如果按钮按下，或者填充的圆角矩形，如果未按下，绘制圆角边框 */
46.               if (BUTTON_IsPressed(pDrawItemInfo->hWin))                  
47.               {
48.                    GUI_AA_FillRoundedRect(pDrawItemInfo->x0, pDrawItemInfo->y0, pDrawItemInfo->x1,
49. pDrawItemInfo->y1, 6);
50.               }
51.               else
52.               {
53.                    GUI_AA_DrawRoundedRect(pDrawItemInfo->x0, pDrawItemInfo->y0, pDrawItemInfo->x1,
54. pDrawItemInfo->y1, 6);
55.               }
56.               break;
58.          default:
59.               /* 除了绘制背景命令，其它所有命令依然使用默认的按钮皮肤回调函数 */
60.               return BUTTON_DrawSkinFlex(pDrawItemInfo);
61.      }
62.    
63.      /* 防止警告 */
64.      return 0;
65. }
67. /*
68. *********************************************************************************************************
69. *    函 数 名: _cbDialog
70. *    功能说明: 对话框回调函数        
71. *    形    参: pMsg  回调参数
72. *    返 回 值: 无
73. *********************************************************************************************************
74. */
75. static void _cbDialog(WM_MESSAGE * pMsg)
76. {
77.      WM_HWIN hItem;
78.      int     NCode;
79.      int     Id;
80.      FRAMEWIN_SKINFLEX_PROPS Framewin_Props;
81.      BUTTON_SKINFLEX_PROPS BUTTON_Props;
83.      switch (pMsg->MsgId)
84.      {
85.          case WM_INIT_DIALOG:
86.               //
87.               // 初始化框架窗口
88.               //
89.               hItem = pMsg->hWin;
90.               FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
91.               FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
92.               FRAMEWIN_SetText(hItem, "armfly");
93.         
94.               /* 获取激活状态下框架窗口的皮肤参数 */
95.               FRAMEWIN_GetSkinFlexProps(&Framewin_Props, FRAMEWIN_SKINFLEX_PI_ACTIVE);
96.               Framewin_Props.aColorFrame[1] = GUI_RED;
97.               Framewin_Props.aColorFrame[2] = GUI_RED;
98.               Framewin_Props.aColorTitle[0] = GUI_RED;
99.               Framewin_Props.aColorTitle[1] = GUI_RED;         
100.               Framewin_Props.Radius = 0;
101.               /* 设置框架创建激活状态下的皮肤 */
102.               FRAMEWIN_SetSkinFlexProps(&Framewin_Props, FRAMEWIN_SKINFLEX_PI_ACTIVE);
103.               /* 设置框架创建未激活状态下的皮肤 */
104.               FRAMEWIN_GetSkinFlexProps(&Framewin_Props, FRAMEWIN_SKINFLEX_PI_INACTIVE);
105.         
106.               //
107.               // 初始按钮控件
108.               //
109.               hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);
110.               BUTTON_SetFont(hItem, GUI_FONT_20_1);
111.               BUTTON_SetText(hItem, "Button0");
113.               /* 获取按钮启动状态的皮肤 */
114.               BUTTON_GetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_ENABLED);
115.               BUTTON_Props.aColorFrame[0] = 0x000080FF;
116.               BUTTON_Props.aColorFrame[1] = 0x000080FF;
117.               BUTTON_Props.aColorFrame[2] = 0x000080FF;
119.               BUTTON_Props.aColorLower[0] = 0x000080FF;
120.               BUTTON_Props.aColorLower[1] = 0x000080FF;
121.             
122.               BUTTON_Props.aColorUpper[0] = 0x000080FF;
123.               BUTTON_Props.aColorUpper[1] = 0x000080FF;
125.               /* 设置按下启动状态的皮肤色 */
126.               BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_ENABLED);
127.               /* 设置聚焦状态的皮肤色 */
128.               BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_FOCUSSED);
130.               BUTTON_Props.aColorFrame[0] = GUI_GREEN;
131.               BUTTON_Props.aColorFrame[1] = GUI_GREEN;
132.               BUTTON_Props.aColorFrame[2] = GUI_GREEN;
134.               BUTTON_Props.aColorLower[0] = GUI_GREEN;
135.               BUTTON_Props.aColorLower[1] = GUI_GREEN;
136.             
137.               BUTTON_Props.aColorUpper[0] = GUI_GREEN;
138.               BUTTON_Props.aColorUpper[1] = GUI_GREEN;
139.               /* 设置按下状态的皮肤色 */
140.               BUTTON_SetSkinFlexProps(&BUTTON_Props, BUTTON_SKINFLEX_PI_PRESSED);
141.         
142.               //
143.               // 初始化按钮控件
144.               //
145.               hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_1);
146.               BUTTON_SetFont(hItem, GUI_FONT_20_1);
147.               BUTTON_SetText(hItem, "Button1");
148.               /* 设置按钮的皮肤回调函数 */
149.               BUTTON_SetSkin(hItem, _DrawSkin_BUTTON);
150.               break;
151.         
152.          case WM_NOTIFY_PARENT:
153.               Id    = WM_GetId(pMsg->hWinSrc);
154.               NCode = pMsg->Data.v;
155.               switch(Id)
156.               {
157.                    case ID_BUTTON_0:
158.                        switch(NCode)
159.                        {
160.                             case WM_NOTIFICATION_CLICKED:
161.                                  break;
162.                            
163.                             case WM_NOTIFICATION_RELEASED:
164.                                  break;
165.                        }
166.               }
167.               break;
168.             
169.          default:
170.               WM_DefaultProc(pMsg);
171.               break;
172.      }
173. }
176. /*
177. *********************************************************************************************************
178. *    函 数 名: CreateFramewin
179. *    功能说明: 创建对话框      
180. *    形    参: 无
181. *    返 回 值: 返回对话框句柄
182. *********************************************************************************************************
183. */
184. WM_HWIN CreateFramewin(void)
185. {
186.      WM_HWIN hWin;
188.      hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
189.      return hWin;
190. }
192. /*
193. *********************************************************************************************************
194. *    函 数 名: MainTask
195. *    功能说明: GUI主函数
196. *    形    参: 无
197. *    返 回 值: 无
198. *********************************************************************************************************
199. */
200. void MainTask(void)
201. {
202.      /* 初始化 */
203.      GUI_Init();
204.    
205.      /*
206.       关于多缓冲和窗口内存设备的设置说明
207.         1. 使能多缓冲是调用的如下函数，用户要在LCDConf_Lin_Template.c文件中配置了多缓冲，调用此函数才有效：
208.            WM_MULTIBUF_Enable(1);
209.         2. 窗口使能使用内存设备是调用函数：WM_SetCreateFlags(WM_CF_MEMDEV);
210.         3. 如果emWin的配置多缓冲和窗口内存设备都支持，二选一即可，且务必优先选择使用多缓冲，实际使用
211.            STM32F429BIT6 + 32位SDRAM + RGB565/RGB888平台测试，多缓冲可以有效的降低窗口移动或者滑动时的撕裂
212.            感，并有效的提高流畅性，通过使能窗口使用内存设备是做不到的。
213.         4. 所有emWin例子默认是开启三缓冲。
214.      */
215.      WM_MULTIBUF_Enable(1);
216.    
217.      /*
218.        触摸校准函数默认是注释掉的，电阻屏需要校准，电容屏无需校准。如果用户需要校准电阻屏的话，执行
219.         此函数即可，会将触摸校准参数保存到EEPROM里面，以后系统上电会自动从EEPROM里面加载。
220.      */
221.     //TOUCH_Calibration();
222.    
223.      /* 创建对话框 */
224.      CreateFramewin();
225.         
226.      while(1)
227.      {
228.          GUI_Delay(50);
229.      }
230. }

复制代码

席萌0209

63.8总结


        本章节为大家讲解了两种修改皮肤色的方法，实际项目中用到的地方不少，望初学者务必掌握。