STemWin  无疑非常好用，系统提供的各种机制让我们攻城尸 敲GUI代码如虎添翼，事半功倍
可是仍然会遇到一些问题与困惑。  比如想要的功能系统没有提供怎么办，想用的控件没有提供怎么办。
STemWin 可以自定义控件吗？  可以更改  原控件的行为吗？ 回答是肯定改变行为通过回调函数很容易办到，
并且网上应该有大量教程代码，这里就不介绍了。


举个例子，假如开发一台检测 重量的东西，屏幕上根据重量显示类似强度条一样的东西，
并且 轻的时候强度条是绿色的重则是红色， 由轻到重 从绿色到红色渐变。 在使用 STemWin 想要实现这个功能，
应该没有任何控件可以实现  唯一的实现方式是使用  底层绘图函数。，但是这里有个问题，使用底层绘图函数
则表示你抛弃了  WM管理器的各种功能，分层，重叠，渲染，无效化，回调！等等，这会使你开发其他地方很郁闷。

笔者正是希望有这样一个控件而着手试着自定义一个控件。并将经验传授给大家抛砖引玉，以后大家都有自己的自定义控件
，更自由的使用STemWin。同时为了马克下代码 以免忘记

下面先传两张效果图



没有注释  大家看的顺序从

Create_demowidget 到 callback 就行了。

始终记得一点  WM管理器 通过 消息（callback） 来驱动 整个系统。


比如当你 的控件需要显示的时候  WM管理器会往你的 callback 发送一条 WM_PAINT 消息，此时你负责把控件应该有的样子显示出来就OK了

而这正好是我们想要。，其他消息则使用 WM_DefaultProc 去处理好了。



相信没有注释  你也能看懂的！



下面是代码  .h 和.c

1. #include "WM.h"
   
2. #include "DIALOG_Intern.h"      /* Req. for Create indirect data structure */
   
3. #include "WIDGET.h"
   
4. #include <stdint.h>
   
5. #include "..\GUI\Include\GRAPH_Private.h"
   
6. #define  DEMO_Widget_ID      0x34455854 /* DEMO_Widget */
   
7. #define DEMO_Widget_INIT_ID(p) p->DebugId = DEMO_Widget_ID
   
8. typedef struct {
   
9.     WIDGET Widget;//第一项必须窗口 控件WM管理器使用
   
10.     GUI_COLOR aBkColor[2];//根据需要添加  本控件 的两项颜色值   分别为上图的 背景黑色 和白色
    
11.     GUI_COLOR RECT_Color;//上图外框的蓝色
    
12.     WM_HMEM hpText;//未用到
    
13.     WM_HMEM ahDrawObj[1];//未用到
    
14.     int size_base;//中间最短一条的长度
    
15.     GRAPH_PROPS Props;//盗用其他控件的  颜色， 绘外框的时候使用
    
16.     uint16_t Sta_MAX;//控件的最大条数
    
17.     uint16_t State;//当前显示的 信息
    
18. 
    
19. #if GUI_DEBUG_LEVEL >= GUI_DEBUG_LEVEL_CHECK_ALL
    
20.     int DebugId;
    
21. #endif  
    
22. } DEMO_Widget_Obj;
    
23. GUI_HMEM Create_demowidget(int x0, int y0, int xsize, int ysize, WM_HWIN hParent, int WinFlags, int ExFlags, int Id);
    
24. void Set_demowidget_Sta(GUI_HMEM hObj,int state);
    
25. void Set_demowidget_Sta_MAX(GUI_HMEM hObj,int MAX);
    
26. void Set_demowidget_Base(GUI_HMEM hObj,int base);
    
27. 
    
28. 
    
29. 下面是 .c
    
30. 
    
31. #include "demowidget.h"
    
32. //这个函数负责显示  控件的外观  主要是调用一下  GUI 2D  绘图函数或者 有必要的话显示文本
    
33. void _Paint(DEMO_Widget_Obj *pObj,GUI_HMEM hObj,GUI_RECT * pRectInvalid)
    
34. {  
    
35.         GUI_RECT RectClient;
    
36.         int i,size_x;
    
37.         GUI_RECT rClient, rInside,Rect={0,0,0,0},Rect1={0,0,0,0},Rect2={0,0,0,0};
    
38.       GUI_GetClientRect(&RectClient)；
    
39.       rClient = RectClient;
    
40.       Rect=rClient;
    
41.       GUI_Clear();
    
42.       GUI_SetBkColor(pObj->Props.aColor[1]);
    
43.       GUI_SetColor(pObj->Props.aColor[2]);
    
44. 
    
45.       GUI_DrawRectEx(&Rect);
    
46.       GUI__ReduceRect(&Rect, &Rect, 1);
    
47.       GUI_DrawRectEx(&Rect);
    
48.       Rect=rClient;
    
49. 
    
50.       GUI__ReduceRect(&rClient, &rClient, 3);
    
51.       LCD_SetBkColor (pObj->aBkColor[0]);
    
52.       LCD_SetColor   (pObj->RECT_Color);
    
53.       size_x=(rClient.x1-pObj->size_base+1)/2/pObj->Sta_MAX;
    
54.       Rect.x0=rClient.x0+pObj->Sta_MAX*size_x;
    
55.       Rect.x1=rClient.x1-pObj->Sta_MAX*size_x;
    
56.       Rect.y1=(rClient.y1/2)+rClient.y1/(pObj->Sta_MAX*2+1)/2-1;
    
57.       Rect.y0=(rClient.y1/2)-rClient.y1/(pObj->Sta_MAX*2+1)/2;
    
58.       GUI__ReduceRect(&Rect1,&Rect,0);
    
59.       GUI__ReduceRect(&Rect2,&Rect,0);
    
60.       GUI_DrawRectEx(&Rect);
    
61.       for(i=0;i<pObj->Sta_MAX;i++)
    
62.       {
    
63.           Rect1.x0+=-size_x;
    
64.           Rect1.x1+=+size_x;
    
65.           Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
    
66.           Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
    
67.           Rect2.x0+=-size_x;
    
68.           Rect2.x1+=+size_x;
    
69.           Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
    
70.           Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
    
71.           GUI_DrawRectEx(&Rect1);
    
72.           GUI_DrawRectEx(&Rect2);
    
73.       }
    
74.       LCD_SetColor(GUI_GREEN);
    
75.       LCD_SetBkColor (pObj->aBkColor[0]);
    
76.       GUI__ReduceRect(&Rect1,&Rect,1);
    
77.       GUI__ReduceRect(&Rect2,&Rect,1);
    
78.       GUI_FillRectEx(&Rect1);
    
79.       for(i=0;i<pObj->State;i++)
    
80.       {
    
81.           LCD_SetColor((255-((255/pObj->Sta_MAX)*i)<<8)|((255/pObj->Sta_MAX*i)));
    
82.           Rect1.x0+=-size_x;
    
83.           Rect1.x1+=+size_x;
    
84.           Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
    
85.           Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
    
86.           Rect2.x0+=-size_x;
    
87.           Rect2.x1+=+size_x;
    
88.           Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
    
89.           Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
    
90.           GUI_FillRectEx(&Rect1);
    
91.           GUI_FillRectEx(&Rect2);
    
92.       }
    
93.       LCD_SetColor(pObj->aBkColor[1]);
    
94.       for(;i<pObj->Sta_MAX;i++)
    
95.       {
    
96.           Rect1.x0+=-size_x;
    
97.           Rect1.x1+=+size_x;
    
98.           Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
    
99.           Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
    
100.           Rect2.x0+=-size_x;
     
101.           Rect2.x1+=+size_x;
     
102.           Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
     
103.           Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
     
104.           GUI_FillRectEx(&Rect1);
     
105.           GUI_FillRectEx(&Rect2);
     
106.       }
     
107. }
     
108. static void _Delete(DEMO_Widget_Obj* pObj) {
     
109.     GUI_ALLOC_FreePtrArray(pObj->ahDrawObj, GUI_COUNTOF(pObj->ahDrawObj));
     
110. }
     
111. 
     
112. void DEMO_Widget_callback(WM_MESSAGE*pMsg)
     
113. {
     
114.     GUI_HMEM hObj=pMsg->hWin;
     
115.     DEMO_Widget_Obj * pObj;
     
116.     if (WIDGET_HandleActive(hObj, pMsg) == 0) {
     
117.         return;
     
118.     }
     
119.      pObj= (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj);
     
120. 
     
121.      switch(pMsg->MsgId)
     
122.      {
     
123.          case WM_PAINT://响应重绘命令，显示自己 WM管理器在需要显示的时候自动发送。
     
124.              _Paint(pObj, hObj,(GUI_RECT*)pMsg->Data.p);
     
125.              return;
     
126. case WM_DELETE:
     
127. _Delete(pObj);
     
128. break; /* No return here ... WM_DefaultProc needs to be called */
     
129. //删除控件  这里不能return  因为需要WM_DefaultProc 迭代删除子控件
     
130. }
     
131. WM_DefaultProc(pMsg);
     
132. }
     
133. 
     
134. GUI_HMEM Create_demowidget(int x0, int y0, int xsize, int ysize, WM_HWIN hParent, int WinFlags, int ExFlags, int Id)
     
135. {
     
136. GUI_HMEM hObj;
     
137. GUI_USE_PARA(ExFlags);
     
138. /* Create the window */
     
139. WM_LOCK();
     
140. hObj = WM_CreateWindowAsChild(x0, y0, xsize, ysize, hParent, WinFlags, DEMO_Widget_callback,
     
141. sizeof(DEMO_Widget_Obj) - sizeof(WM_Obj));
     
142. //创建一个Window  小工具的灵魂， 靠它小工具才受WM管理器管理  各种WM管理器的功能才得以使用
     
143. //这里需要注意  设置了N个字节的 userdata ，userdata  和创建的Window  实际使用的内存是连续的
     
144. //
     
145. if(hObj)
     
146. {
     
147. DEMO_Widget_Obj * pObj = (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj);
     
148. //将Window   句柄转换为DEMO_Widget_Obj   类型的指针  这里的转换关系 需要  仔细思考！
     
149. //上面提到userdata  和创建的Window  实际使用的内存是连续的  实际上 Window  实际使用的内存就是 WIDGET
     
150. //这也是为什么一开始 说 DEMO_Widget_Obj 的第一项必须是 WIDGET  
     
151. WIDGET__Init(&pObj->Widget, Id, WIDGET_STATE_FOCUSSABLE);
     
152. DEMO_Widget_INIT_ID(pObj);//下面是设置一些默认属性
     
153. pObj->aBkColor[0]=GUI_BLACK;
     
154. pObj->aBkColor[1]=GUI_WHITE;
     
155. pObj->RECT_Color=GUI_BLUE;
     
156. pObj->Sta_MAX=40;
     
157. pObj->State=0;
     
158. pObj->size_base=5;
     
159. pObj->State=0;
     
160. pObj->Props = GRAPH__DefaultProps;
     
161. }
     
162. else
     
163. {
     
164. GUI_DEBUG_ERROROUT_IF(hObj==0, "DEMO_Widget_Create failed")
     
165. }
     
166. WM_UNLOCK();
     
167. return hObj;
     
168. }
     
169. 
     
170. //下面的函数都由应用程序  运行过程中调用，
     
171. //按照格式改属性然后  使用WM_InvalidateWindow 告诉 WM管理器  控件需要重绘就OK了
     
172. void Set_demowidget_Sta(GUI_HMEM hObj,int state)
     
173. {
     
174. DEMO_Widget_Obj * pObj;
     
175. if(hObj)
     
176. {
     
177. pObj= (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj); /* Don't use use WIDGET_H2P because WIDGET_INIT_ID() has not be called at this point */
     
178. }
     
179. else
     
180. {
     
181. return;
     
182. }
     
183. WM_LOCK();
     
184. if(state<=pObj->Sta_MAX)
     
185. pObj->State=state;
     
186. WM_InvalidateWindow(hObj);
     
187. WM_UNLOCK();
     
188. }
     
189. void Set_demowidget_Sta_MAX(GUI_HMEM hObj,int MAX)
     
190. {
     
191. DEMO_Widget_Obj * pObj;
     
192. if(hObj)
     
193. {
     
194. pObj= (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj); /* Don't use use WIDGET_H2P because WIDGET_INIT_ID() has not be called at this point */
     
195. }
     
196. else
     
197. {
     
198. return;
     
199. }
     
200. WM_LOCK();
     
201. pObj->Sta_MAX=MAX;
     
202. WM_InvalidateWindow(hObj);
     
203. WM_UNLOCK();
     
204. }
     
205. 
     
206. void Set_demowidget_Base(GUI_HMEM hObj,int base)
     
207. {
     
208. DEMO_Widget_Obj * pObj;
     
209. if(hObj)
     
210. {
     
211. pObj= (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj); /* Don't use use WIDGET_H2P because WIDGET_INIT_ID() has not be called at this point */
     
212. }
     
213. else
     
214. {
     
215. return;
     
216. }
     
217. WM_LOCK();
     
218. pObj->size_base=base;
     
219. WM_InvalidateWindow(hObj);
     
220. WM_UNLOCK();
     
221. }
     

复制代码

继续阅读：
树形 文件 目录  执行 初始化速度 和 内存优化

#include "WM.h"
#include "DIALOG_Intern.h"      /* Req. for Create indirect data structure */
#include "WIDGET.h"
#include <stdint.h>
#include "..\GUI\Include\GRAPH_Private.h"
#define  DEMO_Widget_ID      0x34455854 /* DEMO_Widget */
#define DEMO_Widget_INIT_ID(p) p->DebugId = DEMO_Widget_ID
typedef struct {
    WIDGET Widget;//第一项必须窗口 控件WM管理器使用
    GUI_COLOR aBkColor[2];//根据需要添加  本控件 的两项颜色值   分别为上图的 背景黑色 和白色
    GUI_COLOR RECT_Color;//上图外框的蓝色
    WM_HMEM hpText;//未用到
    WM_HMEM ahDrawObj[1];//未用到
    int size_base;//中间最短一条的长度
    GRAPH_PROPS Props;//盗用其他控件的  颜色， 绘外框的时候使用
    uint16_t Sta_MAX;//控件的最大条数
    uint16_t State;//当前显示的 信息

#if GUI_DEBUG_LEVEL >= GUI_DEBUG_LEVEL_CHECK_ALL
    int DebugId;
#endif  
} DEMO_Widget_Obj;
GUI_HMEM Create_demowidget(int x0, int y0, int xsize, int ysize, WM_HWIN hParent, int WinFlags, int ExFlags, int Id);
void Set_demowidget_Sta(GUI_HMEM hObj,int state);
void Set_demowidget_Sta_MAX(GUI_HMEM hObj,int MAX);
void Set_demowidget_Base(GUI_HMEM hObj,int base);


下面是 .c

#include "demowidget.h"
//这个函数负责显示  控件的外观  主要是调用一下  GUI 2D  绘图函数或者 有必要的话显示文本
void _Paint(DEMO_Widget_Obj *pObj,GUI_HMEM hObj,GUI_RECT * pRectInvalid)
{  
        GUI_RECT RectClient;
        int i,size_x;
        GUI_RECT rClient, rInside,Rect={0,0,0,0},Rect1={0,0,0,0},Rect2={0,0,0,0};
      GUI_GetClientRect(&RectClient)；
      rClient = RectClient;
      Rect=rClient;
      GUI_Clear();
      GUI_SetBkColor(pObj->Props.aColor[1]);
      GUI_SetColor(pObj->Props.aColor[2]);

      GUI_DrawRectEx(&Rect);
      GUI__ReduceRect(&Rect, &Rect, 1);
      GUI_DrawRectEx(&Rect);
      Rect=rClient;

      GUI__ReduceRect(&rClient, &rClient, 3);
      LCD_SetBkColor (pObj->aBkColor[0]);
      LCD_SetColor   (pObj->RECT_Color);
      size_x=(rClient.x1-pObj->size_base+1)/2/pObj->Sta_MAX;
      Rect.x0=rClient.x0+pObj->Sta_MAX*size_x;
      Rect.x1=rClient.x1-pObj->Sta_MAX*size_x;
      Rect.y1=(rClient.y1/2)+rClient.y1/(pObj->Sta_MAX*2+1)/2-1;
      Rect.y0=(rClient.y1/2)-rClient.y1/(pObj->Sta_MAX*2+1)/2;
      GUI__ReduceRect(&Rect1,&Rect,0);
      GUI__ReduceRect(&Rect2,&Rect,0);
      GUI_DrawRectEx(&Rect);
      for(i=0;i<pObj->Sta_MAX;i++)
      {
          Rect1.x0+=-size_x;
          Rect1.x1+=+size_x;
          Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
          Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
          Rect2.x0+=-size_x;
          Rect2.x1+=+size_x;
          Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
          Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
          GUI_DrawRectEx(&Rect1);
          GUI_DrawRectEx(&Rect2);
      }
      LCD_SetColor(GUI_GREEN);
      LCD_SetBkColor (pObj->aBkColor[0]);
      GUI__ReduceRect(&Rect1,&Rect,1);
      GUI__ReduceRect(&Rect2,&Rect,1);
      GUI_FillRectEx(&Rect1);
      for(i=0;i<pObj->State;i++)
      {
          LCD_SetColor((255-((255/pObj->Sta_MAX)*i)<<8)|((255/pObj->Sta_MAX*i)));
          Rect1.x0+=-size_x;
          Rect1.x1+=+size_x;
          Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
          Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
          Rect2.x0+=-size_x;
          Rect2.x1+=+size_x;
          Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
          Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
          GUI_FillRectEx(&Rect1);
          GUI_FillRectEx(&Rect2);
      }
      LCD_SetColor(pObj->aBkColor[1]);
      for(;i<pObj->Sta_MAX;i++)
      {
          Rect1.x0+=-size_x;
          Rect1.x1+=+size_x;
          Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
          Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
          Rect2.x0+=-size_x;
          Rect2.x1+=+size_x;
          Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
          Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
          GUI_FillRectEx(&Rect1);
          GUI_FillRectEx(&Rect2);
      }
}
static void _Delete(DEMO_Widget_Obj* pObj) {
    GUI_ALLOC_FreePtrArray(pObj->ahDrawObj, GUI_COUNTOF(pObj->ahDrawObj));
}

void DEMO_Widget_callback(WM_MESSAGE*pMsg)
{
    GUI_HMEM hObj=pMsg->hWin;
    DEMO_Widget_Obj * pObj;
    if (WIDGET_HandleActive(hObj, pMsg) == 0) {
        return;
    }
     pObj= (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj);

     switch(pMsg->MsgId)
     {
         case WM_PAINT://响应重绘命令，显示自己 WM管理器在需要显示的时候自动发送。
             _Paint(pObj, hObj,(GUI_RECT*)pMsg->Data.p);

1. 
   
2.              return;
   
3.          case WM_DELETE:
   
4.              _Delete(pObj);
   
5.              break;       /* No return here ... WM_DefaultProc needs to be called */

复制代码

巅峰残狼 发表于 2014-12-12 15:03
嗯，很不错，谢谢分享

  

写了两次  提交之后  代码就只剩下一点点了！！！真心不想再写了  版主能解释一下么

嗯，很不错，谢谢分享

不错，学习了

我只能默默的顶一下了

没有 人要求  上注释  
我就认为大家都看懂了哈

lovewyufeng 发表于 2014-12-12 15:55
没有 人要求  上注释  
我就认为大家都看懂了哈

楼主还是上贴一下注释？可能有的朋友没看懂，但是没好意思说。

lovewyufeng 发表于 2014-12-12 15:55
没有 人要求  上注释  
我就认为大家都看懂了哈

楼主还是上贴一下注释？可能有的朋友没看懂，但是没好意思说。

谢过

沐紫 发表于 2014-12-12 16:30
楼主还是上贴一下注释？可能有的朋友没看懂，但是没好意思说。

谢过

还不太会 编辑  帖子内容， 注释  改天奉上！

帖子不要沉

既然没人好意思说上注释，那我说吧，求注释！！！！

大器所成 发表于 2014-12-12 21:02
既然没人好意思说上注释，那我说吧，求注释！！！！

明晚 上注释哈 ，今晚有事情

大器所成 发表于 2014-12-12 21:02
既然没人好意思说上注释，那我说吧，求注释！！！！

已注释  欢迎顶贴！

察。。。注释完了。。。提交 再查看没有内容了，，，只好返回 重新写注释  累死俺了

写了两次  提交之后  代码就只剩下一点点了！！！真心不想再写了  版主能解释一下么