设为首页收藏本站
开启辅助访问 切换到宽版

 找回密码
 立即注册

QQ登录

只需一步，快速开始

热门： 51单片机 | 24小时必答区 | 单片机教程 | 单片机DIY制作 | STM32 | Cortex M3 | 模数电子 | 电子DIY制作 | 音响/功放 | 拆机乐园 | Arduino | 嵌入式OS | 程序设计

搜索
»论坛 › 嵌入式/单片机论坛 › STM32/8 › STEMWIN 自定义控件demo 学习使用官方没有的控件 带注释
返回列表 发新帖
查看: 5237|回复: 1
打印 上一主题 下一主题
收起左侧

STEMWIN 自定义控件demo 学习使用官方没有的控件 带注释

[复制链接]
跳转到指定楼层
楼主
ID:127084 发表于 2016-6-17 15:22 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
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
  5. #include "..GUIIncludeGRAPH_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;//当前显示的 信息

  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);
复制代码



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

  15.       GUI_DrawRectEx(&Rect);
  16.       GUI__ReduceRect(&Rect, &Rect, 1);
  17.       GUI_DrawRectEx(&Rect);
  18.       Rect=rClient;

  20.       GUI__ReduceRect(&rClient, &rClient, 3);
  21.       LCD_SetBkColor (pObj->aBkColor[0]);
  22.       LCD_SetColor   (pObj->RECT_Color);
  23.       size_x=(rClient.x1-pObj->size_base+1)/2/pObj->Sta_MAX;
  24.       Rect.x0=rClient.x0+pObj->Sta_MAX*size_x;
  25.       Rect.x1=rClient.x1-pObj->Sta_MAX*size_x;
  26.       Rect.y1=(rClient.y1/2)+rClient.y1/(pObj->Sta_MAX*2+1)/2-1;
  27.       Rect.y0=(rClient.y1/2)-rClient.y1/(pObj->Sta_MAX*2+1)/2;
  28.       GUI__ReduceRect(&Rect1,&Rect,0);
  29.       GUI__ReduceRect(&Rect2,&Rect,0);
  30.       GUI_DrawRectEx(&Rect);
  31.       for(i=0;iSta_MAX;i++)
  32.       {
  33.           Rect1.x0+=-size_x;
  34.           Rect1.x1+=+size_x;
  35.           Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
  36.           Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
  37.           Rect2.x0+=-size_x;
  38.           Rect2.x1+=+size_x;
  39.           Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
  40.           Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
  41.           GUI_DrawRectEx(&Rect1);
  42.           GUI_DrawRectEx(&Rect2);
  43.       }
  44.       LCD_SetColor(GUI_GREEN);
  45.       LCD_SetBkColor (pObj->aBkColor[0]);
  46.       GUI__ReduceRect(&Rect1,&Rect,1);
  47.       GUI__ReduceRect(&Rect2,&Rect,1);
  48.       GUI_FillRectEx(&Rect1);
  49.       for(i=0;iState;i++)
  50.       {
  51.           LCD_SetColor((255-((255/pObj->Sta_MAX)*i)<<8)|((255/pObj->Sta_MAX*i)));
  52.           Rect1.x0+=-size_x;
  53.           Rect1.x1+=+size_x;
  54.           Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
  55.           Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
  56.           Rect2.x0+=-size_x;
  57.           Rect2.x1+=+size_x;
  58.           Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
  59.           Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
  60.           GUI_FillRectEx(&Rect1);
  61.           GUI_FillRectEx(&Rect2);
  62.       }
  63.       LCD_SetColor(pObj->aBkColor[1]);
  64.       for(;iSta_MAX;i++)
  65.       {
  66.           Rect1.x0+=-size_x;
  67.           Rect1.x1+=+size_x;
  68.           Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;
  69.           Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
  70.           Rect2.x0+=-size_x;
  71.           Rect2.x1+=+size_x;
  72.           Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
  73.           Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;
  74.           GUI_FillRectEx(&Rect1);
  75.           GUI_FillRectEx(&Rect2);
  76.       }
  77. }
  78. static void _Delete(DEMO_Widget_Obj* pObj) {
  79.     GUI_ALLOC_FreePtrArray(pObj->ahDrawObj, GUI_COUNTOF(pObj->ahDrawObj));
  80. }

  82. void DEMO_Widget_callback(WM_MESSAGE*pMsg)
  83. {
  84.     GUI_HMEM hObj=pMsg->hWin;
  85.     DEMO_Widget_Obj * pObj;
  86.     if (WIDGET_HandleActive(hObj, pMsg) == 0) {
  87.         return;
  88.     }
  89.      pObj= (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj);

  91.      switch(pMsg->MsgId)
  92.      {
  93.          case WM_PAINT://响应重绘命令，显示自己 WM管理器在需要显示的时候自动发送。
  94.              _Paint(pObj, hObj,(GUI_RECT*)pMsg->Data.p);
  95.              return;
  96. case WM_DELETE:
  97. _Delete(pObj);
  98. break; /* No return here ... WM_DefaultProc needs to be called */
  99. //删除控件  这里不能return  因为需要WM_DefaultProc 迭代删除子控件
  100. }
  101. WM_DefaultProc(pMsg);
  102. }

  104. GUI_HMEM Create_demowidget(int x0, int y0, int xsize, int ysize, WM_HWIN hParent, int WinFlags, int ExFlags, int Id)
  105. {
  106. GUI_HMEM hObj;
  107. GUI_USE_PARA(ExFlags);
  108. /* Create the window */
  109. WM_LOCK();
  110. hObj = WM_CreateWindowAsChild(x0, y0, xsize, ysize, hParent, WinFlags, DEMO_Widget_callback,
  111. sizeof(DEMO_Widget_Obj) - sizeof(WM_Obj));
  112. //创建一个Window  小工具的灵魂， 靠它小工具才受WM管理器管理  各种WM管理器的功能才得以使用
  113. //这里需要注意  设置了N个字节的 userdata ，userdata  和创建的Window  实际使用的内存是连续的
  114. //
  115. if(hObj)
  116. {
  117. DEMO_Widget_Obj * pObj = (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj);
  118. //将Window   句柄转换为DEMO_Widget_Obj   类型的指针  这里的转换关系 需要  仔细思考！
  119. //上面提到userdata  和创建的Window  实际使用的内存是连续的  实际上 Window  实际使用的内存就是 WIDGET
  120. //这也是为什么一开始 说 DEMO_Widget_Obj 的第一项必须是 WIDGET  
  121. WIDGET__Init(&pObj->Widget, Id, WIDGET_STATE_FOCUSSABLE);
  122. DEMO_Widget_INIT_ID(pObj);//下面是设置一些默认属性
  123. pObj->aBkColor[0]=GUI_BLACK;
  124. pObj->aBkColor[1]=GUI_WHITE;
  125. pObj->RECT_Color=GUI_BLUE;
  126. pObj->Sta_MAX=40;
  127. pObj->State=0;
  128. pObj->size_base=5;
  129. pObj->State=0;
  130. pObj->Props = GRAPH__DefaultProps;
  131. }
  132. else
  133. {
  134. GUI_DEBUG_ERROROUT_IF(hObj==0, "DEMO_Widget_Create failed")
  135. }
  136. WM_UNLOCK();
  137. return hObj;
  138. }

  140. //下面的函数都由应用程序  运行过程中调用，
  141. //按照格式改属性然后  使用WM_InvalidateWindow 告诉 WM管理器  控件需要重绘就OK了
  142. void Set_demowidget_Sta(GUI_HMEM hObj,int state)
  143. {
  144. DEMO_Widget_Obj * pObj;
  145. if(hObj)
  146. {
  147. 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 */
  148. }
  149. else
  150. {
  151. return;
  152. }
  153. WM_LOCK();
  154. if(state<=pObj->Sta_MAX)
  155. pObj->State=state;
  156. WM_InvalidateWindow(hObj);
  157. WM_UNLOCK();
  158. }
  159. void Set_demowidget_Sta_MAX(GUI_HMEM hObj,int MAX)
  160. {
  161. DEMO_Widget_Obj * pObj;
  162. if(hObj)
  163. {
  164. 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 */
  165. }
  166. else
  167. {
  168. return;
  169. }
  170. WM_LOCK();
  171. pObj->Sta_MAX=MAX;
  172. WM_InvalidateWindow(hObj);
  173. WM_UNLOCK();
  174. }

  176. void Set_demowidget_Base(GUI_HMEM hObj,int base)
  177. {
  178. DEMO_Widget_Obj * pObj;
  179. if(hObj)
  180. {
  181. 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 */
  182. }
  183. else
  184. {
  185. return;
  186. }
  187. WM_LOCK();
  188. pObj->size_base=base;
  189. WM_InvalidateWindow(hObj);
  190. WM_UNLOCK();
  191. }
复制代码



STemWin 树形文件 目录  执行 初始化速度 和 内存优化
不知道大家有没有  这样的应用，需要将磁盘上面的文件以列表方式显示出来。，

TREEVIEW 无疑是最佳选择了，可是 假如存在这样一种情况，你的设备经常需要保存文件，  比如每个小时保存一个 文件  每天或者每个月一个文件夹
也许没这么频繁，但是无论如何  设备使用到一定时间  磁盘里面的文件数量将不可估量。
那么问题来了

第一、 树形目录  一个节点消耗100字节  一个树叶 消耗  50字节 当你的文件成千上万的时候  你的内存消耗得起么？
第二、众所周知磁盘操作速度很慢的，就算你获取文件名  同样需要操作磁盘   当你的文件成千上万的时候 你初始化这个 树形结构 可能都需要10多秒甚至更多。
         别认为没那么慢，笔者曾经在 NAND FLASH上使用JFFS2文件系统  从文件一个有500个子文件的文件夹中  遍历检索第  100-103 4个文件花的时间长达2s   
         当然这个 JFFS2这个文件系统有关系， 后来使用FATFS文件系统  就快了起来   但是第一点依然是很严重的问题


为解决这个问题   笔者提出一个方案。
初始化 TREE的时候只将第一层  节点添加进去，对于文件夹， 在节点内添加一个占位 叶节点，这样看起来这个节点前面就有一个 +号可以被打开。
当打开这个节点的时候查看子节点是否为预添加的占位符， 如果是 再去遍历   对应的文件夹，同时删除占位符，添加节点。
如此  遍历的时间由单个文件夹的文件数量决定，不会因为总数量 庞大而慢。
内存则由 打开过的文件决定， 甚至  当系统内存不足的是否可以 删除被关闭的  节点内容 再次添加占位符。释放内存。






那么现在方案有了  具体怎么实现呢？


这里笔者提供一个已经实现的  回调函数  callback
  1. TREEVIEW_ITEM_Handle Item_get_next(TREEVIEW_ITEM_Handle hItem)//用到辅助函数
  2. {
  3.     TREEVIEW_ITEM_OBJ *itemobj;
  4.     if(hItem)
  5.     {
  6.         itemobj=(TREEVIEW_ITEM_OBJ*)GUI_ALLOC_h2p(hItem);
  7.         return itemobj->hNext;
  8.     }
  9.     return 0;
  10. }

  12. void _cbtree(WM_MESSAGE * pMsg)
  13. {
  14.     int Id, NCode;
  15.     TREEVIEW_ITEM_Handle hItem,fristitem;
  16.     char buf[20];
  17.     int num[2]={1,2000};
  18.     TREEVIEW_ITEM_INFO info;
  19.     switch (pMsg->MsgId)
  20.     {
  21.     case WM_KEY://拦截 按键消息
  22.         {
  23.             int pressed;
  24.             pressed=((WM_KEY_INFO*)(pMsg->Data.p))->PressedCnt;
  25.             NCode = ((WM_KEY_INFO*)(pMsg->Data.p))->Key;

  27.             switch(NCode)
  28.             {
  29.             default:
  30.                 if(pressed)
  31.                 {
  32.                     if (NCode==GUI_KEY_RIGHT)// 树默认right 键打开节点，再打开前  添加节点
  33.                     {
  34.                         hItem=TREEVIEW_GetSel(pMsg->hWin);
  35.                         TREEVIEW_ITEM_GetInfo(hItem,&info);
  36.                         if(info.IsNode)
  37.                         {
  38.                             fristitem=TREEVIEW_GetItem(pMsg->hWin,hItem,TREEVIEW_GET_FIRST_CHILD);
  39.                             TREEVIEW_ITEM_GetText(fristitem,(uint8_t*)buf,20);
  40.                             if(strcmp("space",buf)==0)//比较是否为占位符
  41.                             {
  42.                                 TREEVIEW_ITEM_Delete(fristitem);
  43.                                 tree_add_filelist(num,0,pMsg->hWin,hItem);//这个函数将  遍历磁盘文件添加到树 指定节点
  44.                             }
  45.                         }

  47.                     }
  48.                 }
  49.                 else
  50.                 {
  51.                     ((WM_KEY_INFO*)(pMsg->Data.p))->PressedCnt=1;
  52.                     TREEVIEW_Callback(pMsg);
  53.                 }
  54.                 break;
  55.             }
  56.         }
  57.         break;
  58.     case WM_TOUCH:// 这个是处理触摸事件   比较麻烦一点  主要是获得触摸的地方， 遍历TREE 取得被点击的节点  判断是否为 节点  然后的操作就和  按键一样了
  59.         {
  60.             TREEVIEW_ITEM_Handle hNode;
  61.             GUI_PID_STATE* pState;
  62.             TREEVIEW_OBJ *treeobj;

  64.             pState     = (GUI_PID_STATE*)pMsg->Data.p;
  65.             treeobj       = (TREEVIEW_OBJ*)GUI_ALLOC_h2p(pMsg->hWin);
  66.             if(pState->y/treeobj->Props.MinItemHeight[tr]NumVisItems+1)
  67.             {
  68.                 hNode=TREEVIEW_GetItem(pMsg->hWin,0,TREEVIEW_GET_FIRST);
  69.                 if(hNode)
  70.                 {
  71.                     int num=pState->y/treeobj->Props.MinItemHeight +((pState->y%treeobj->Props.MinItemHeight)>0 ?1:0)-1;//计算被点击的是第几个节点
  72.                     if(treeobj->ScrollStateV.v>0)
  73.                         num+=treeobj->ScrollStateV.v;

  75.                     while(num--)//这个while  遍历得到被点击的  节点handle
  76.                     {
  77.                         TREEVIEW_ITEM_GetInfo(hNode,&info);
  78.                         if(info.IsNode)
  79.                         {
  80.                             if(info.IsExpanded)
  81.                             {
  82.                                 hNode=TREEVIEW_GetItem(pMsg->hWin,hNode,TREEVIEW_GET_FIRST_CHILD);
  83.                             }
  84.                             else
  85.                             {
  86.                                 hNode=TREEVIEW_GetItem(pMsg->hWin,hNode,TREEVIEW_GET_NEXT_SIBLING);
  87.                             }

  89.                         }
  90.                         else
  91.                         {
  92.                             hNode=Item_get_next(hNode);
  93.                         }
  94.                     }
  95.                 }
  96.                 TREEVIEW_ITEM_GetInfo(hNode,&info);
  97.                 if(info.IsExpanded==0)
  98.                 {
  99.                     if(info.IsNode&&(pState->x<((info.Level+1)*treeobj->Props.Indent-treeobj->ScrollStateH.v))&&
  100.                         pState->x>((info.Level)*treeobj->Props.Indent-treeobj->ScrollStateH.v)
  101.                         )
  102.                     {
  103.                         fristitem=TREEVIEW_GetItem(pMsg->hWin,hNode,TREEVIEW_GET_FIRST_CHILD);
  104.                         TREEVIEW_ITEM_GetText(fristitem,(uint8_t*)buf,20);
  105.                         if(strcmp("space",buf)==0)
  106.                         {
  107.                             TREEVIEW_ITEM_Delete(fristitem);
  108.                             tree_add_filelist(num,0,pMsg->hWin,hNode);
  109.                         }
  110.                     }
  111.                 }
  112.                 else
  113.                 {

  115.                 }
  116.                 TREEVIEW_Callback(pMsg);
  117.             }

  119.         }
  120.         break;
  121.     default:
  122.         TREEVIEW_Callback(pMsg);
  123.         break;
  124.     }

  126. }
复制代码

效果图片
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏2 分享淘帖 顶顶1 踩踩
回复

使用道具 举报

沙发
ID:404925 发表于 2020-3-24 15:19 | 只看该作者
厉害，楼主牛逼
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|51黑电子论坛 |51黑电子论坛6群 QQ 管理员QQ:125739409;技术交流QQ群281945664

Powered by 单片机教程网

快速回复 返回顶部 返回列表