emWin 新手入门学习使用笔记 （2）

captainabc1

                                       emWin 新手入门学习笔记 （2）

续学习笔记（1）……

4  简单解析自动生成的界面代码

    设计的界面生成的 FramewinDLG.C程序是个啥模样？（请参见附件程序清单）。

下面从3方面简单解析，不妥之处恳请网友指出。

（1）  与控件尺寸、位置相关的数值信息

  看下这几行：

1.         static const GUI_WIDGET_CREATE_INFO_aDialogCreate[] = {
   
2.        { FRAMEWIN_CreateIndirect,"Framewin", ID_FRAMEWIN_0, 0, 0, 320, 240, 0, 0x64, 0 },
   
3.        {BUTTON_CreateIndirect, "ON", ID_BUTTON_0, 60, 100, 80, 38, 0, 0x0, 0},

复制代码

    我画了图1这张图，可对照着看一下。在用GUIBuilderV5.46 工具设计这个界面时，  选中ON按钮控件，可看到：xPos=60; yPos=100; xSize=80; ySize=38;这些数值的含
  义是显而易见的。需要注意的是yPos=100;这个值，是由Y0=0处算起的值，而不是由屏幕
  的原点算起的，而Y0值(相对屏幕原点)大小与你选择的窗口标题字的大小相关联。               
                       图1  程序中控件数据信息与界面图形的对应关系图

（2）与用户程序执行功能相关的消息代码

1. switch(NCode) {
   
2.        case WM_NOTIFICATION_CLICKED:   //ON按钮按下
   
3.        // USER START (Optionally insert code for reacting on notificationmessage)
   
4.        // USER END  //笔者注：用户在此可插入自己对通知消息进行响应的代码
   
5.        break;
   
6.      case WM_NOTIFICATION_RELEASED:  //ON按钮弹起
   
7.       // USER START (Optionally insert code for reacting on notificationmessage)
   
8.        // USER END
   
9.        break;

复制代码

     对于OFF按钮对应的代码与此类似。

（3） 与GUI函数库相关联的信息

用#define来对函数进行“定义”，将界面设计的控件与GUI的库函数联系起来，

   以实现在用户屏幕显示设计的界面。

1. #define ID_FRAMEWIN_0 (GUI_ID_USER+ 0x00)
   
2.         #define ID_BUTTON_0 (GUI_ID_USER + 0x01)
   
3.         #define ID_BUTTON_1 (GUI_ID_USER + 0x02)
   
4.         #define ID_TEXT_0 (GUI_ID_USER + 0x03)
   

复制代码

      据资料介绍，GUI的库函数是以.lib的形式提供给用户使用，其代码是不开源的，

   喜欢深入钻研的网友，可去看emWin的前身uCGUI，这个是开源的。

5  自动生成的界面代码怎么用？

     笔者界面用两个按钮来控制LED灯的亮灭。对于生成的程序，只需将它复制、粘贴

   到用户程序中，在ON及OFF按钮后面,分别插入LED灯亮、灯灭的代码，然后在MDK5（Keil5）

   开发环境下，编译调试后，即可运行！

      对于较复杂、绚丽的界面，相对就麻烦些，STemWin 这个软件包提供了模拟器

   这个工具（SimulationTrial）,可在电脑中仿真、调试,运行通过后，再放到单片机

   中去用。

1. 笔记附件程序清单：
   
2. /*********************************************************************
   
3. *                                                                    *
   
4. *                SEGGER Microcontroller GmbH & Co. KG                *
   
5. *        Solutions for real time microcontroller applications        *
   
6. *                                                                    *
   
7. **********************************************************************
   
8. *                                                                    *
   
9. * C-file generated by:                                               *
   
10. *                                                                    *
    
11. *        GUI_Builder for emWin version 5.46                          *
    
12. *        Compiled Dec 12 2017, 16:38:40                              *
    
13. *        (c) 2017 Segger Microcontroller GmbH & Co. KG               *
    
14. *                                                                    *
    
15. **********************************************************************
    
16. *                                                                    *
    
17. *        Internet: www.segger.com  Support: support@segger.com       *
    
18. *                                                                    *
    
19. **********************************************************************
    
20. */
    
21. 
    
22. // USER START (Optionally insert additional includes)
    
23. // USER END
    
24. 
    
25. #include "DIALOG.h"
    
26. 
    
27. /*********************************************************************
    
28. *
    
29. *       Defines
    
30. *
    
31. **********************************************************************
    
32. */
    
33. #define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
    
34. #define ID_BUTTON_0 (GUI_ID_USER + 0x01)
    
35. #define ID_BUTTON_1 (GUI_ID_USER + 0x02)
    
36. #define ID_TEXT_0 (GUI_ID_USER + 0x03)
    
37. 
    
38. 
    
39. // USER START (Optionally insert additional defines)
    
40. // USER END
    
41. 
    
42. /*********************************************************************
    
43. *
    
44. *       Static data
    
45. *
    
46. **********************************************************************
    
47. */
    
48. 
    
49. // USER START (Optionally insert additional static data)
    
50. // USER END
    
51. 
    
52. /*********************************************************************
    
53. *
    
54. *       _aDialogCreate
    
55. */
    
56. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
    
57.   { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 320, 240, 0, 0x64, 0 },
    
58.   { BUTTON_CreateIndirect, "ON", ID_BUTTON_0, 60, 100, 80, 38, 0, 0x0, 0 },
    
59.   { BUTTON_CreateIndirect, "OFF", ID_BUTTON_1, 180, 100, 80, 38, 0, 0x0, 0 },
    
60.   { TEXT_CreateIndirect, "LED_Control", ID_TEXT_0, 101, 47, 108, 28, 0, 0x0, 0 },
    
61.   // USER START (Optionally insert additional widgets)
    
62.   // USER END
    
63. };
    
64. 
    
65. /*********************************************************************
    
66. *
    
67. *       Static code
    
68. *
    
69. **********************************************************************
    
70. */
    
71. 
    
72. // USER START (Optionally insert additional static code)
    
73. // USER END
    
74. 
    
75. /*********************************************************************
    
76. *
    
77. *       _cbDialog
    
78. */
    
79. static void _cbDialog(WM_MESSAGE * pMsg) {
    
80.   WM_HWIN hItem;
    
81.   int     NCode;
    
82.   int     Id;
    
83.   // USER START (Optionally insert additional variables)
    
84.   // USER END
    
85. 
    
86.   switch (pMsg->MsgId) {
    
87.   case WM_INIT_DIALOG:
    
88.     //
    
89.     // Initialization of 'Framewin'
    
90.     //
    
91.     hItem = pMsg->hWin;
    
92.     FRAMEWIN_SetText(hItem, "STemWin_Study_1");
    
93.     FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
    
94.     FRAMEWIN_SetFont(hItem, GUI_FONT_20_ASCII);
    
95.     //
    
96.     // Initialization of 'ON'
    
97.     //
    
98.     hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);
    
99.     BUTTON_SetFont(hItem, GUI_FONT_20_ASCII);
    
100.     //
     
101.     // Initialization of 'OFF'
     
102.     //
     
103.     hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_1);
     
104.     BUTTON_SetFont(hItem, GUI_FONT_20_ASCII);
     
105.     //
     
106.     // Initialization of 'LED_Control'
     
107.     //
     
108.     hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_0);
     
109.     TEXT_SetFont(hItem, GUI_FONT_20_ASCII);
     
110.     // USER START (Optionally insert additional code for further widget initialization)
     
111.     // USER END
     
112.     break;
     
113.   case WM_NOTIFY_PARENT:
     
114.     Id    = WM_GetId(pMsg->hWinSrc);
     
115.     NCode = pMsg->Data.v;
     
116.     switch(Id) {
     
117.     case ID_BUTTON_0: // Notifications sent by 'ON'
     
118.       switch(NCode) {
     
119.       case WM_NOTIFICATION_CLICKED:
     
120.         // USER START (Optionally insert code for reacting on notification message)
     
121.         // USER END
     
122. break;
     
123.       case WM_NOTIFICATION_RELEASED:
     
124.         // USER START (Optionally insert code for reacting on notification message)
     
125.         // USER END
     
126.         break;
     
127.       // USER START (Optionally insert additional code for further notification handling)
     
128.       // USER END
     
129.       }
     
130.       break;
     
131.     case ID_BUTTON_1: // Notifications sent by 'OFF'
     
132.       switch(NCode) {
     
133.       case WM_NOTIFICATION_CLICKED:
     
134.         // USER START (Optionally insert code for reacting on notification message)
     
135.         // USER END
     
136. break;
     
137.       case WM_NOTIFICATION_RELEASED:
     
138.         // USER START (Optionally insert code for reacting on notification message)
     
139.         // USER END
     
140.         break;
     
141.       // USER START (Optionally insert additional code for further notification handling)
     
142.       // USER END
     
143.       }
     
144.       break;
     
145.     // USER START (Optionally insert additional code for further Ids)
     
146.     // USER END
     
147.     }
     
148.     break;
     
149.   // USER START (Optionally insert additional message handling)
     
150.   // USER END
     
151.   default:
     
152.     WM_DefaultProc(pMsg);
     
153.     break;
     
154.   }
     
155. }
     
156. 
     
157. /*********************************************************************
     
158. *
     
159. *       Public code
     
160. *
     
161. **********************************************************************
     
162. */
     
163. /*********************************************************************
     
164. *
     
165. *       CreateFramewin
     
166. */
     
167. WM_HWIN CreateFramewin(void);
     
168. WM_HWIN CreateFramewin(void) {
     
169.   WM_HWIN hWin;
     
170. 
     
171.   hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
     
172.   return hWin;
     
173. }
     
174. 
     
175. // USER START (Optionally insert additional public code)
     
176. // USER END
     
177. 
     
178. /*************************** End of file ****************************/
     

复制代码

wangxihe126

888888888888888888