STEMWIN 自定義控件demo 學(xué)習(xí)使用官方?jīng)]有的控件帶注釋

ID:127084 · 發(fā)表于 2016-6-17 15:22

STemWin  無疑非常好用，系統(tǒng)提供的各種機制讓我們攻城尸敲GUI代碼如虎添翼，事半功倍
可是仍然會遇到一些問題與困惑。  比如想要的功能系統(tǒng)沒有提供怎么辦，想用的控件沒有提供怎么辦。
STemWin 可以自定義控件嗎？  可以更改  原控件的行為嗎？回答是肯定改變行為通過回調(diào)函數(shù)很容易辦到，
并且網(wǎng)上應(yīng)該有大量教程代碼，這里就不介紹了。

舉個例子，假如開發(fā)一臺檢測重量的東西，屏幕上根據(jù)重量顯示類似強度條一樣的東西，
并且輕的時候強度條是綠色的重則是紅色，由輕到重從綠色到紅色漸變。在使用 STemWin 想要實現(xiàn)這個功能，
應(yīng)該沒有任何控件可以實現(xiàn)  唯一的實現(xiàn)方式是使用  底層繪圖函數(shù)。，但是這里有個問題，使用底層繪圖函數(shù)
則表示你拋棄了  WM管理器的各種功能，分層，重疊，渲染，無效化，回調(diào)！等等，這會使你開發(fā)其他地方很郁悶。

筆者正是希望有這樣一個控件而著手試著自定義一個控件。并將經(jīng)驗傳授給大家拋磚引玉，以后大家都有自己的自定義控件
，更自由的使用STemWin。同時為了馬克下代碼以免忘記

下面先傳兩張效果圖

沒有注釋  大家看的順序從

Create_demowidget 到 callback 就行了。

始終記得一點  WM管理器通過消息（callback）來驅(qū)動整個系統(tǒng)。

比如當(dāng)你的控件需要顯示的時候  WM管理器會往你的 callback 發(fā)送一條 WM_PAINT 消息，此時你負(fù)責(zé)把控件應(yīng)該有的樣子顯示出來就OK了

而這正好是我們想要。，其他消息則使用 WM_DefaultProc 去處理好了。

相信沒有注釋  你也能看懂的！

下面是代碼  .h 和.c

#include "WM.h"
#include "DIALOG_Intern.h" /* Req. for Create indirect data structure */
#include "WIDGET.h"
#include
#include "..GUIIncludeGRAPH_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];//根據(jù)需要添加本控件的兩項顏色值分別為上圖的背景黑色和白色
GUI_COLOR RECT_Color;//上圖外框的藍(lán)色
WM_HMEM hpText;//未用到
WM_HMEM ahDrawObj[1];//未用到
int size_base;//中間最短一條的長度
GRAPH_PROPS Props;//盜用其他控件的顏色，繪外框的時候使用
uint16_t Sta_MAX;//控件的最大條數(shù)
uint16_t State;//當(dāng)前顯示的信息
#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);

復(fù)制代碼

下面是 .c

#include "demowidget.h"
//這個函數(shù)負(fù)責(zé)顯示控件的外觀主要是調(diào)用一下 GUI 2D 繪圖函數(shù)或者有必要的話顯示文本
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;iSta_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;iState;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(;iSta_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://響應(yīng)重繪命令，顯示自己 WM管理器在需要顯示的時候自動發(fā)送。
_Paint(pObj, hObj,(GUI_RECT*)pMsg->Data.p);
return;
case WM_DELETE:
_Delete(pObj);
break; /* No return here ... WM_DefaultProc needs to be called */
//刪除控件這里不能return 因為需要WM_DefaultProc 迭代刪除子控件
}
WM_DefaultProc(pMsg);
}
GUI_HMEM Create_demowidget(int x0, int y0, int xsize, int ysize, WM_HWIN hParent, int WinFlags, int ExFlags, int Id)
{
GUI_HMEM hObj;
GUI_USE_PARA(ExFlags);
/* Create the window */
WM_LOCK();
hObj = WM_CreateWindowAsChild(x0, y0, xsize, ysize, hParent, WinFlags, DEMO_Widget_callback,
sizeof(DEMO_Widget_Obj) - sizeof(WM_Obj));
//創(chuàng)建一個Window 小工具的靈魂，靠它小工具才受WM管理器管理各種WM管理器的功能才得以使用
//這里需要注意設(shè)置了N個字節(jié)的 userdata ，userdata 和創(chuàng)建的Window 實際使用的內(nèi)存是連續(xù)的
//
if(hObj)
{
DEMO_Widget_Obj * pObj = (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj);
//將Window 句柄轉(zhuǎn)換為DEMO_Widget_Obj 類型的指針這里的轉(zhuǎn)換關(guān)系需要仔細(xì)思考！
//上面提到userdata 和創(chuàng)建的Window 實際使用的內(nèi)存是連續(xù)的實際上 Window 實際使用的內(nèi)存就是 WIDGET
//這也是為什么一開始說 DEMO_Widget_Obj 的第一項必須是 WIDGET
WIDGET__Init(&pObj->Widget, Id, WIDGET_STATE_FOCUSSABLE);
DEMO_Widget_INIT_ID(pObj);//下面是設(shè)置一些默認(rèn)屬性
pObj->aBkColor[0]=GUI_BLACK;
pObj->aBkColor[1]=GUI_WHITE;
pObj->RECT_Color=GUI_BLUE;
pObj->Sta_MAX=40;
pObj->State=0;
pObj->size_base=5;
pObj->State=0;
pObj->Props = GRAPH__DefaultProps;
}
else
{
GUI_DEBUG_ERROROUT_IF(hObj==0, "DEMO_Widget_Create failed")
}
WM_UNLOCK();
return hObj;
}
//下面的函數(shù)都由應(yīng)用程序運行過程中調(diào)用，
//按照格式改屬性然后使用WM_InvalidateWindow 告訴 WM管理器控件需要重繪就OK了
void Set_demowidget_Sta(GUI_HMEM hObj,int state)
{
DEMO_Widget_Obj * pObj;
if(hObj)
{
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 */
}
else
{
return;
}
WM_LOCK();
if(state<=pObj->Sta_MAX)
pObj->State=state;
WM_InvalidateWindow(hObj);
WM_UNLOCK();
}
void Set_demowidget_Sta_MAX(GUI_HMEM hObj,int MAX)
{
DEMO_Widget_Obj * pObj;
if(hObj)
{
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 */
}
else
{
return;
}
WM_LOCK();
pObj->Sta_MAX=MAX;
WM_InvalidateWindow(hObj);
WM_UNLOCK();
}
void Set_demowidget_Base(GUI_HMEM hObj,int base)
{
DEMO_Widget_Obj * pObj;
if(hObj)
{
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 */
}
else
{
return;
}
WM_LOCK();
pObj->size_base=base;
WM_InvalidateWindow(hObj);
WM_UNLOCK();
}

復(fù)制代碼

STemWin 樹形文件目錄  執(zhí)行初始化速度和內(nèi)存優(yōu)化
不知道大家有沒有  這樣的應(yīng)用，需要將磁盤上面的文件以列表方式顯示出來。，

TREEVIEW 無疑是最佳選擇了，可是假如存在這樣一種情況，你的設(shè)備經(jīng)常需要保存文件，  比如每個小時保存一個文件  每天或者每個月一個文件夾
也許沒這么頻繁，但是無論如何  設(shè)備使用到一定時間  磁盤里面的文件數(shù)量將不可估量。
那么問題來了

第一、樹形目錄  一個節(jié)點消耗100字節(jié)  一個樹葉消耗  50字節(jié) 當(dāng)你的文件成千上萬的時候  你的內(nèi)存消耗得起么？
第二、眾所周知磁盤操作速度很慢的，就算你獲取文件名  同樣需要操作磁盤當(dāng)你的文件成千上萬的時候你初始化這個樹形結(jié)構(gòu) 可能都需要10多秒甚至更多。
      別認(rèn)為沒那么慢，筆者曾經(jīng)在 NAND FLASH上使用JFFS2文件系統(tǒng)  從文件一個有500個子文件的文件夾中  遍歷檢索第  100-103 4個文件花的時間長達(dá)2s
      當(dāng)然這個 JFFS2這個文件系統(tǒng)有關(guān)系，后來使用FATFS文件系統(tǒng)  就快了起來但是第一點依然是很嚴(yán)重的問題

為解決這個問題筆者提出一個方案。
初始化 TREE的時候只將第一層  節(jié)點添加進去，對于文件夾，在節(jié)點內(nèi)添加一個占位葉節(jié)點，這樣看起來這個節(jié)點前面就有一個 +號可以被打開。
當(dāng)打開這個節(jié)點的時候查看子節(jié)點是否為預(yù)添加的占位符，如果是再去遍歷對應(yīng)的文件夾，同時刪除占位符，添加節(jié)點。
如此  遍歷的時間由單個文件夾的文件數(shù)量決定，不會因為總數(shù)量龐大而慢。
內(nèi)存則由打開過的文件決定，甚至  當(dāng)系統(tǒng)內(nèi)存不足的是否可以刪除被關(guān)閉的  節(jié)點內(nèi)容再次添加占位符。釋放內(nèi)存。

那么現(xiàn)在方案有了  具體怎么實現(xiàn)呢？

這里筆者提供一個已經(jīng)實現(xiàn)的  回調(diào)函數(shù)  callback

TREEVIEW_ITEM_Handle Item_get_next(TREEVIEW_ITEM_Handle hItem)//用到輔助函數(shù)
{
TREEVIEW_ITEM_OBJ *itemobj;
if(hItem)
{
itemobj=(TREEVIEW_ITEM_OBJ*)GUI_ALLOC_h2p(hItem);
return itemobj->hNext;
}
return 0;
}
void _cbtree(WM_MESSAGE * pMsg)
{
int Id, NCode;
TREEVIEW_ITEM_Handle hItem,fristitem;
char buf[20];
int num[2]={1,2000};
TREEVIEW_ITEM_INFO info;
switch (pMsg->MsgId)
{
case WM_KEY://攔截按鍵消息
{
int pressed;
pressed=((WM_KEY_INFO*)(pMsg->Data.p))->PressedCnt;
NCode = ((WM_KEY_INFO*)(pMsg->Data.p))->Key;
switch(NCode)
{
default:
if(pressed)
{
if (NCode==GUI_KEY_RIGHT)// 樹默認(rèn)right 鍵打開節(jié)點，再打開前添加節(jié)點
{
hItem=TREEVIEW_GetSel(pMsg->hWin);
TREEVIEW_ITEM_GetInfo(hItem,&info);
if(info.IsNode)
{
fristitem=TREEVIEW_GetItem(pMsg->hWin,hItem,TREEVIEW_GET_FIRST_CHILD);
TREEVIEW_ITEM_GetText(fristitem,(uint8_t*)buf,20);
if(strcmp("space",buf)==0)//比較是否為占位符
{
TREEVIEW_ITEM_Delete(fristitem);
tree_add_filelist(num,0,pMsg->hWin,hItem);//這個函數(shù)將遍歷磁盤文件添加到樹指定節(jié)點
}
}
}
}
else
{
((WM_KEY_INFO*)(pMsg->Data.p))->PressedCnt=1;
TREEVIEW_Callback(pMsg);
}
break;
}
}
break;
case WM_TOUCH:// 這個是處理觸摸事件比較麻煩一點主要是獲得觸摸的地方，遍歷TREE 取得被點擊的節(jié)點判斷是否為節(jié)點然后的操作就和按鍵一樣了
{
TREEVIEW_ITEM_Handle hNode;
GUI_PID_STATE* pState;
TREEVIEW_OBJ *treeobj;
pState = (GUI_PID_STATE*)pMsg->Data.p;
treeobj = (TREEVIEW_OBJ*)GUI_ALLOC_h2p(pMsg->hWin);
if(pState->y/treeobj->Props.MinItemHeight[tr]NumVisItems+1)
{
hNode=TREEVIEW_GetItem(pMsg->hWin,0,TREEVIEW_GET_FIRST);
if(hNode)
{
int num=pState->y/treeobj->Props.MinItemHeight +((pState->y%treeobj->Props.MinItemHeight)>0 ?1:0)-1;//計算被點擊的是第幾個節(jié)點
if(treeobj->ScrollStateV.v>0)
num+=treeobj->ScrollStateV.v;
while(num--)//這個while 遍歷得到被點擊的節(jié)點handle
{
TREEVIEW_ITEM_GetInfo(hNode,&info);
if(info.IsNode)
{
if(info.IsExpanded)
{
hNode=TREEVIEW_GetItem(pMsg->hWin,hNode,TREEVIEW_GET_FIRST_CHILD);
}
else
{
hNode=TREEVIEW_GetItem(pMsg->hWin,hNode,TREEVIEW_GET_NEXT_SIBLING);
}
}
else
{
hNode=Item_get_next(hNode);
}
}
}
TREEVIEW_ITEM_GetInfo(hNode,&info);
if(info.IsExpanded==0)
{
if(info.IsNode&&(pState->x<((info.Level+1)*treeobj->Props.Indent-treeobj->ScrollStateH.v))&&
pState->x>((info.Level)*treeobj->Props.Indent-treeobj->ScrollStateH.v)
)
{
fristitem=TREEVIEW_GetItem(pMsg->hWin,hNode,TREEVIEW_GET_FIRST_CHILD);
TREEVIEW_ITEM_GetText(fristitem,(uint8_t*)buf,20);
if(strcmp("space",buf)==0)
{
TREEVIEW_ITEM_Delete(fristitem);
tree_add_filelist(num,0,pMsg->hWin,hNode);
}
}
}
else
{
}
TREEVIEW_Callback(pMsg);
}
}
break;
default:
TREEVIEW_Callback(pMsg);
break;
}
}

復(fù)制代碼

效果圖片

ID:404925 · 發(fā)表于 2020-3-24 15:19

厲害，樓主牛逼

帳號		自動登錄	找回密碼
密碼			立即注冊

久久久久久久999_99精品久久精品一区二区爱城_成人欧美一区二区三区在线播放_国产精品日本一区二区不卡视频_国产午夜视频_欧美精品在线观看免费

STEMWIN 自定義控件demo 學(xué)習(xí)使用官方?jīng)]有的控件 帶注釋

STEMWIN 自定義控件demo 學(xué)習(xí)使用官方?jīng)]有的控件帶注釋