【emWin5.20使用教程】第一期：uCGUIBulider4.0配合emWin5.20模拟器的使用方法

Alice2013

说明: (野火团队原创教程，未经许可禁止转载)
         VC6.0  emWin5.20下载地址
         http://pan.baidu.com/share/link?shareid=641741&uk=286563520
         uCGUIBulder 4.0
         http://pan.baidu.com/share/link?shareid=641752&uk=286563520
         这两个软件配合着用，效果最好，使用uCGUIBulder4.0 可以快速的建立自己所需要的界面，
         这个工具很好， 要充分的配合VC6.0的emWin模拟器快速建立自己需要的界面。

一.  uCGUIBulder4.0使用
1. 这个软件的使用教程，在软件包里面有个word文档，详细讲了这个软件如何使用，说的很详细，这里就不再说，
   如果打算用
2. 如果电脑无法打开这个软件，需要安装 NET  FRAMEWORK 3.0或3.5。
3. 下面对通过这个软件建立的工程进行说明，现在做个了解就可以了，后面会详细的介绍，现在只介绍怎么使用。
   下面的模板非常好用，后面自己做的UCGUI工程比较大的话，可以充分利用这个模板来设计。

1. /*
   
2. ******************************************************************
   
3. **                      uCGUIBuilder                            **
   
4. **                  Version:   4.0.0.0                          **
   
5. **                     2012 / 04                               **
   
6. **                   CpoyRight to: wyl                          **
   
7. **              Email:ucguibuilder@163.com                        **
   
8. **          This text was Created by uCGUIBuilder               **
   
9. *****************************************************************
   
10. */
    
11. 
    
12. 
    
13. #include <stddef.h>                         //用到相应的控件，记得添加相应的头文件
    
14. #include "GUI.h"
    
15. #include "DIALOG.h"
    
16. 
    
17. #include "WM.h"
    
18. #include "BUTTON.h"
    
19. #include "CHECKBOX.h"
    
20. #include "DROPDOWN.h"
    
21. #include "EDIT.h"
    
22. #include "FRAMEWIN.h"
    
23. #include "LISTBOX.h"
    
24. #include "MULTIEDIT.h"
    
25. #include "RADIO.h"
    
26. #include "SLIDER.h"
    
27. #include "TEXT.h"
    
28. #include "PROGBAR.h"
    
29. #include "SCROLLBAR.h"
    
30. #include "LISTVIEW.h"
    
31. 
    
32. 
    
33. 
    
34. 
    
35. 
    
36. //EventsFunctionList
    
37. //EndofEventsFunctionList
    
38. /*********************************************************************
    
39. *
    
40. *       static data
    
41. *
    
42. **********************************************************************
    
43. */
    
44. 
    
45. 
    
46. 
    
47. /*********************************************************************
    
48. *
    
49. *       Dialog resource
    
50. *
    
51. * This table conatins the info required to create the dialog.
    
52. * It has been created by ucGUIbuilder.
    
53. */
    
54. 
    
55. //添加相应控件的信息
    
56. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {                                               
    
57.     { FRAMEWIN_CreateIndirect,  "Caption",           0,                       0,  0,  240,320,FRAMEWIN_CF_MOVEABLE,0},
    
58.     { BUTTON_CreateIndirect,    "BUTTON0",           GUI_ID_BUTTON0,          61, 59, 107,38, 0,0},
    
59.     { BUTTON_CreateIndirect,    "BUTTON1",           GUI_ID_BUTTON1,          61, 132,107,43, 0,0}
    
60. };
    
61. 
    
62. 
    
63. 
    
64. /*****************************************************************
    
65. **      FunctionName:void PaintDialog(WM_MESSAGE * pMsg)
    
66. **      Function: to initialize the Dialog items
    
67. **                                                      
    
68. **      call this function in _cbCallback --> WM_PAINT
    
69. *****************************************************************/
    
70. 
    
71. //重绘函数
    
72. void PaintDialog(WM_MESSAGE * pMsg)
    
73. {
    
74.          WM_HWIN hWin = pMsg->hWin;
    
75. 
    
76. }
    
77. 
    
78. 
    
79. 
    
80. /*****************************************************************
    
81. **      FunctionName:void InitDialog(WM_MESSAGE * pMsg)
    
82. **      Function: to initialize the Dialog items
    
83. **                                                      
    
84. **      call this function in _cbCallback --> WM_INIT_DIALOG
    
85. *****************************************************************/
    
86. //回调函数初始化
    
87. void InitDialog(WM_MESSAGE * pMsg)
    
88. {
    
89.     WM_HWIN hWin = pMsg->hWin;
    
90.     //
    
91.     //FRAMEWIN
    
92.     //
    
93.     FRAMEWIN_SetFont(hWin,&GUI_Font16B_ASCII);
    
94.     FRAMEWIN_AddCloseButton(hWin, FRAMEWIN_BUTTON_RIGHT, 0);
    
95.     FRAMEWIN_AddMaxButton(hWin, FRAMEWIN_BUTTON_RIGHT, 1);
    
96.     FRAMEWIN_AddMinButton(hWin, FRAMEWIN_BUTTON_RIGHT, 2);
    
97.     FRAMEWIN_SetTitleHeight(hWin,20);
    
98. 
    
99. }
    
100. 
     
101. 
     
102. /*********************************************************************
     
103. *
     
104. *       Dialog callback routine
     
105. */
     
106. //下面的回调函数很重要，这个是GUI的基础
     
107. static void _cbCallback(WM_MESSAGE * pMsg)
     
108. {
     
109.     int NCode, Id;
     
110.     WM_HWIN hWin = pMsg->hWin;
     
111.     switch (pMsg->MsgId)
     
112.     {
     
113.         case WM_PAINT:
     
114.             PaintDialog(pMsg);
     
115.             break;
     
116.         case WM_INIT_DIALOG:
     
117.             InitDialog(pMsg);
     
118.             break;
     
119.         case WM_KEY:
     
120.             switch (((WM_KEY_INFO*)(pMsg->Data.p))->Key)
     
121.             {
     
122.                 case GUI_KEY_ESCAPE:
     
123.                     GUI_EndDialog(hWin, 1);
     
124.                     break;
     
125.                 case GUI_KEY_ENTER:
     
126.                     GUI_EndDialog(hWin, 0);
     
127.                     break;
     
128.             }
     
129.             break;
     
130.         case WM_NOTIFY_PARENT:
     
131.             Id = WM_GetId(pMsg->hWinSrc);
     
132.             NCode = pMsg->Data.v;        
     
133.             switch (Id)
     
134.             {
     
135.                 case GUI_ID_OK:
     
136.                     if(NCode==WM_NOTIFICATION_RELEASED)
     
137.                         GUI_EndDialog(hWin, 0);
     
138.                     break;
     
139.                 case GUI_ID_CANCEL:
     
140.                     if(NCode==WM_NOTIFICATION_RELEASED)
     
141.                         GUI_EndDialog(hWin, 0);
     
142.                     break;
     
143. 
     
144.             }
     
145.             break;
     
146.         default:
     
147.             WM_DefaultProc(pMsg);
     
148.     }
     
149. }
     
150. 
     
151. 
     
152. /*********************************************************************
     
153. *
     
154. *       MainTask
     
155. *
     
156. **********************************************************************
     
157. */
     
158. void MainTask(void)
     
159. {
     
160.    //初始化
     
161.     GUI_Init();
     
162.     WM_SetDesktopColor(GUI_WHITE);      /* Automacally update desktop window */
     
163.     WM_SetCreateFlags(WM_CF_MEMDEV);  /* Use memory devices on all windows to avoid flicker */
     
164.     //PROGBAR_SetDefaultSkin(PROGBAR_SKIN_FLEX);
     
165.     //FRAMEWIN_SetDefaultSkin(FRAMEWIN_SKIN_FLEX);
     
166.     //PROGBAR_SetDefaultSkin(PROGBAR_SKIN_FLEX);
     
167.     //BUTTON_SetDefaultSkin(BUTTON_SKIN_FLEX);
     
168.     //CHECKBOX_SetDefaultSkin(CHECKBOX_SKIN_FLEX);
     
169.     //DROPDOWN_SetDefaultSkin(DROPDOWN_SKIN_FLEX);
     
170.     //SCROLLBAR_SetDefaultSkin(SCROLLBAR_SKIN_FLEX);
     
171.     //SLIDER_SetDefaultSkin(SLIDER_SKIN_FLEX);
     
172.     //HEADER_SetDefaultSkin(HEADER_SKIN_FLEX);
     
173.     //RADIO_SetDefaultSkin(RADIO_SKIN_FLEX);
     
174.    //创建阻塞式对话框
     
175.     GUI_ExecDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), &_cbCallback, 0, 0, 0);
     
176. 
     
177. }
     

复制代码

二. VC6.0中emWin模拟器的使用。

（1）配合建立的工程，直接将其粘贴到下面的文件里面，覆盖原来的东西就可以了

（2）下面的是刚才UCGUIBULDER4.0建立的工程

（3）下面的是emWin模拟器实际的显示效果


第一期先说到这里，重点是看一下UCGUIBULDER4.0里面那个使用说明，
初学的同学有什么不懂的在下面留言就可以。

山外メ雲ジ

图文并茂

fire

很好，good  

hzlaliugang

ding11111111111

我我我少女

顶一个~~~~~~~~~

dzdr2009

准备用手抄上五十遍！

723cheng

呵呵，看看，谢谢分享

hoeoi

支持，顶顶顶

ygtjcng1

好，先看看

Meetogf

Stay hungry,stay foolish!

cherry

必须支持啊。

仰望星空

学习一下，看看。

luhuaneda

火钳刘明

cherry

期待第二课，一直想学GUI啊。

nengliang

顶顶顶顶顶

nengliang

赞一个

feeling_kill

第一期，呵呵

1123

特别想学习gui

fire

ucGUBuilder 4.0使用说明（带书签）
这个pdf文档详细说明了ucGUBuilder 4.0的使用方法
http://pan.baidu.com/share/link?shareid=500078&uk=1463230356

fire

1123 发表于 2013-5-17 09:25
特别想学习gui

alice2013会带大家一步一步学习gui，步步为营，到最后移植到开发板上。

fire

dzdr2009 发表于 2013-5-16 20:58
准备用手抄上五十遍！

要牙齿当金使啊

飞翔/wx

mark   gui

吹过稻田的风

看看，呵呵，看看

vistaplay

hahahahahaha

1123

好期待下一期！！！！

1123

感觉builder很亲切1跟vb差不多！就不知道怎么弄到板子上

Alice2013

1123 发表于 2013-5-17 19:00
感觉builder很亲切1跟vb差不多！就不知道怎么弄到板子上

不急，后面会一步步上手的，上手后，就可以自己搞了

Alice2013

1123 发表于 2013-5-17 19:00
感觉builder很亲切1跟vb差不多！就不知道怎么弄到板子上

不急，后面会一步步上手的，上手后，就可以自己搞了

Alice2013

1123 发表于 2013-5-17 19:00
感觉builder很亲切1跟vb差不多！就不知道怎么弄到板子上

不急，后面会一步步上手的，上手后，就可以自己搞了

yt920419

必须快快快快快看看看

似水流年、

kankan

wysh320

回复~~~~~~~~~~~~

苹果鱼吉

顶起~~

1123

第二期第二期！！！！！在哪？在哪？

Alice2013

1123 发表于 2013-5-24 14:14
第二期第二期！！！！！在哪？在哪？

http://www.firebbs.cn/forum.php? ... &extra=page%3D1

隔海阳台

请问，有将emWin移植到野火开发板的方法吗？期待！

Pese56

为什么要回复才能看?????

Alice2013

隔海阳台 发表于 2013-5-25 09:29
请问，有将emWin移植到野火开发板的方法吗？期待！

M3没必要上emWin高版本，新特性比较耗内存，M3用低版本的emWin就可以

Alice2013

隔海阳台 发表于 2013-5-25 09:29
请问，有将emWin移植到野火开发板的方法吗？期待！

M3没必要上emWin高版本，新特性比较耗内存，M3用低版本的emWin就可以

martin1986

学习一下，谢谢了

仔仔

貌似挺酷的GUI方案~~~~

jiaohaitao

gui,正要学

tiger_man

最近要学ucgui

252514251

see   see

Mr._Helper

DRTYGCHTFHDRTHDRGRDSTG

大男孩

看看。。学习下。

6789364

路过.学习.

690757454

顶起~~~~~~~~~~~~~~~~~~~~

mm364724408

学习下！···

冷月_清秋

学习一下。。。