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

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

[复制链接]

lovewyufeng 发布时间：2014-12-12 14:50

文章
文章封面:	-
文章简介:	-

本帖最后由 lovewyufeng 于 2014-12-13 23:11 编辑

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

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

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

下面先传两张效果图
QQå¾ç20141212143733.png

没有注释  大家看的顺序从

Create_demowidget 到 callback 就行了。

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

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

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

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

下面是代码  .h 和.c

#include "WM.h"
& U7 @* ~, G! a B1 z8 S
#include "DIALOG_Intern.h" /* Req. for Create indirect data structure */
5 H2 m2 K* ^* h0 G
#include "WIDGET.h"
$ Q" I. t% S4 M; }1 C( m* e& l
#include <stdint.h>- j! y( a5 z7 [" ~1 w# X1 m4 j
#include "..\GUI\Include\GRAPH_Private.h"4 [* }! }/ x, g& f
#define DEMO_Widget_ID 0x34455854 /* DEMO_Widget */ g7 a9 c: i% a. {
#define DEMO_Widget_INIT_ID(p) p->DebugId = DEMO_Widget_ID
6 S. P4 w& D& c: d. W; L" f
typedef struct {2 R+ D7 _3 t% V$ w0 T$ t5 _- \
WIDGET Widget;//第一项必须窗口控件WM管理器使用( d; c8 `& e4 s( Z5 c% }. M
GUI_COLOR aBkColor[2];//根据需要添加本控件的两项颜色值分别为上图的背景黑色和白色2 W0 S4 ]) R- g4 w2 X# M$ l
GUI_COLOR RECT_Color;//上图外框的蓝色/ Z$ H. j; v, A# w2 S' n9 N. j
WM_HMEM hpText;//未用到
( N2 e* f. c1 |% a
WM_HMEM ahDrawObj[1];//未用到0 L/ N/ @; ^+ e% t- Z
int size_base;//中间最短一条的长度
* ?% o3 Z2 L% b0 d/ a
GRAPH_PROPS Props;//盗用其他控件的颜色，绘外框的时候使用0 ^2 q+ X ~3 [8 m8 e
uint16_t Sta_MAX;//控件的最大条数4 _% @. G2 W' }2 b2 M
uint16_t State;//当前显示的信息# Z# v# q" F- U, I8 y% ^
4 c2 r i9 M3 S2 o% K4 d
#if GUI_DEBUG_LEVEL >= GUI_DEBUG_LEVEL_CHECK_ALL2 x6 ~" h/ Q9 o4 e! C
int DebugId;
# `8 L6 [ X, t8 R3 ?2 [) r
#endif
1 \0 s8 @0 t) | n" B
} DEMO_Widget_Obj;
1 K+ A! Y4 g* M
GUI_HMEM Create_demowidget(int x0, int y0, int xsize, int ysize, WM_HWIN hParent, int WinFlags, int ExFlags, int Id);% {4 s8 Q) S5 j
void Set_demowidget_Sta(GUI_HMEM hObj,int state);
) `( X/ e" i; W" U* s. A
void Set_demowidget_Sta_MAX(GUI_HMEM hObj,int MAX);
2 {, h% {1 ^- v( B$ H
void Set_demowidget_Base(GUI_HMEM hObj,int base);
/ @; g1 L+ L% \( a- Y
& C$ d9 t, I' i1 K5 l6 O7 C, z
) d# S5 \7 t8 H: s* W' N7 d" V
下面是 .c
' t' q& u, T3 l/ A' O; J) Y
$ G- p0 f8 y: w8 i$ G/ q8 ?
#include "demowidget.h"
( d' Q, x1 g$ R& z
//这个函数负责显示控件的外观主要是调用一下 GUI 2D 绘图函数或者有必要的话显示文本
$ R7 u9 T8 J3 [% z e
void _Paint(DEMO_Widget_Obj *pObj,GUI_HMEM hObj,GUI_RECT * pRectInvalid)
0 A( @) l$ r* D% I) x
{ , R4 ^1 C) s% Y6 S5 R4 P4 I
GUI_RECT RectClient;
# x$ B% E5 C* L. x: q
int i,size_x;
# D! s5 |; ?5 O% l
GUI_RECT rClient, rInside,Rect={0,0,0,0},Rect1={0,0,0,0},Rect2={0,0,0,0};
8 u9 o' D/ L4 F! N
GUI_GetClientRect(&RectClient)；% {6 F/ v. p, u4 p7 |
rClient = RectClient;
% M2 Y8 P7 ?# } C9 _& L
Rect=rClient;
& C8 H$ b% o1 {4 @, w( s
GUI_Clear();- V# u/ F- `$ S h9 X( x
GUI_SetBkColor(pObj->Props.aColor[1]);
5 D0 a( ~+ M2 v* X0 u
GUI_SetColor(pObj->Props.aColor[2]);" @9 v6 E& S0 U- B; X
* F% z4 k1 h% Q! j- T4 k
GUI_DrawRectEx(&Rect);
2 k! k* s) B, S& |- u
GUI__ReduceRect(&Rect, &Rect, 1);6 M& D" J+ b5 o, q5 O1 ~
GUI_DrawRectEx(&Rect);4 N; [9 g1 }9 P) k3 \, Y
Rect=rClient;
, O3 T/ D% M; y. s
7 ] m6 M' a. E
GUI__ReduceRect(&rClient, &rClient, 3);1 m9 e6 W: `% j, ]. x. M5 \5 q
LCD_SetBkColor (pObj->aBkColor[0]); S& K9 _( U% |- O, e" u
LCD_SetColor (pObj->RECT_Color); e& k+ ^7 z, H
size_x=(rClient.x1-pObj->size_base+1)/2/pObj->Sta_MAX;
- J& o$ R& q5 h3 N$ L E7 X6 }
Rect.x0=rClient.x0+pObj->Sta_MAX*size_x;
& `2 N4 p6 ]0 D' }4 B
Rect.x1=rClient.x1-pObj->Sta_MAX*size_x;
/ E4 @6 i+ L9 K) n* d( H* G
Rect.y1=(rClient.y1/2)+rClient.y1/(pObj->Sta_MAX*2+1)/2-1;" C: t1 m" a! A! }) L
Rect.y0=(rClient.y1/2)-rClient.y1/(pObj->Sta_MAX*2+1)/2;
: M: A. H: i7 ^3 q
GUI__ReduceRect(&Rect1,&Rect,0);
! G$ e9 N8 L. h- s+ l8 G
GUI__ReduceRect(&Rect2,&Rect,0);3 J' m1 X) P7 Z$ h, R
GUI_DrawRectEx(&Rect);( ^5 N: E, I! p$ D( x' C% P
for(i=0;i<pObj->Sta_MAX;i++)
5 O/ p) c6 t3 _/ j! X# J) @
{5 q( q C# B* S$ g4 [% g9 d* C3 j
Rect1.x0+=-size_x;
6 `6 c8 o. h- Z( }& M& e
Rect1.x1+=+size_x;
" ?# ]9 l- w0 y6 m+ A
Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;: L7 ]7 i6 p, h& _
Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;( a, N1 j1 |7 V& j& o* Y% e$ |
Rect2.x0+=-size_x;
% X8 b @+ e% ~+ i3 E
Rect2.x1+=+size_x;# @/ c5 @( C6 H1 G5 k
Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
6 S% o& F* e$ h0 Z7 w g/ y
Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;/ b8 j; Z. W) r( M5 [
GUI_DrawRectEx(&Rect1);; h; V; t- Z2 V$ W1 f4 H3 A; l
GUI_DrawRectEx(&Rect2);
7 B8 {% H: R/ s: J7 q8 Q% @# s1 o" E
}
2 X }0 C( `4 m: H8 E" b/ O
LCD_SetColor(GUI_GREEN);7 R. W& {0 z3 ]4 N/ T
LCD_SetBkColor (pObj->aBkColor[0]);" |, n% ` _0 [3 h- P3 {
GUI__ReduceRect(&Rect1,&Rect,1);5 ]% t+ J8 A/ f: {# r
GUI__ReduceRect(&Rect2,&Rect,1);
/ u3 I) T6 B- e7 i7 s# D/ o
GUI_FillRectEx(&Rect1);
4 Z7 q G0 p3 z( J9 i* y& F
for(i=0;i<pObj->State;i++)
; r3 F2 e3 N( c4 W& j& Q# q
{. D) H" E) O' `$ y/ ?
LCD_SetColor((255-((255/pObj->Sta_MAX)*i)<<8)|((255/pObj->Sta_MAX*i)));
Rect1.x0+=-size_x;
- S7 M5 S8 I4 E2 K1 r6 e
Rect1.x1+=+size_x;: r. {" h* i! N: h
Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2;. L# |7 O# m6 `: B
Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;
5 `2 g, a# p5 Y3 x) x: D
Rect2.x0+=-size_x;
5 q* G i f9 L
Rect2.x1+=+size_x;, G8 U" T0 W( [6 z" G0 I
Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;* h, L. t9 @% G& D) T
Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;- L* }( Z( Q0 M6 O4 `( g4 d s
GUI_FillRectEx(&Rect1);
6 h/ k; k& N9 s6 L8 q
GUI_FillRectEx(&Rect2);
$ V. P% `" O ~; y3 S; F4 J- x8 x
}
{1 t. F# V( |# ^0 `! z4 v* \
LCD_SetColor(pObj->aBkColor[1]);
% B; Z9 l8 Z" u1 f" T& P/ S
for(;i<pObj->Sta_MAX;i++). B# Z8 F# E3 I l- P- L- M. d
{2 X8 I, a- j( ?; L+ N4 K. m0 U
Rect1.x0+=-size_x;) y% g9 p8 U/ G+ {7 ~3 Z
Rect1.x1+=+size_x;+ Q( m( u% t- f% L) O
Rect1.y0+=-rClient.y1/(pObj->Sta_MAX)/2; e% p4 X& T* _* a% h3 s
Rect1.y1+=-rClient.y1/(pObj->Sta_MAX)/2;. Q( K# K% R* y8 T: |
Rect2.x0+=-size_x;: U( X% i4 J- ]+ @
Rect2.x1+=+size_x;" j% i E9 [& Z! W' @0 M
Rect2.y0+=+rClient.y1/(pObj->Sta_MAX)/2;
, t' \! w& @- h0 _4 c
Rect2.y1+=+rClient.y1/(pObj->Sta_MAX)/2;5 I' U! I" t8 m- w; C/ X
GUI_FillRectEx(&Rect1);
# z( |8 n _( V9 h. b
GUI_FillRectEx(&Rect2);
! j+ v- u% B3 `+ X
}
, L% C2 _/ b1 p! F( E1 G
}+ L: I. T9 Z1 Q* C2 a2 T, J
static void _Delete(DEMO_Widget_Obj* pObj) {, Y, L; O2 z* V6 n$ _9 T
GUI_ALLOC_FreePtrArray(pObj->ahDrawObj, GUI_COUNTOF(pObj->ahDrawObj));0 L1 d. t, c3 O
}, }9 L9 ]4 _: ]6 ^
$ B" M. C7 |8 O, r
void DEMO_Widget_callback(WM_MESSAGE*pMsg)
5 X' Y6 D9 `7 O) p" U, L& r8 r
{4 s$ P# n+ { u8 \2 K9 z- W
GUI_HMEM hObj=pMsg->hWin;
* M1 A! C( Y! }5 p0 i" {
DEMO_Widget_Obj * pObj;
" w! N9 W: h3 O0 i4 ]0 @
if (WIDGET_HandleActive(hObj, pMsg) == 0) {/ H7 v! M4 P3 ]' m7 @" B
return;/ d; S+ S0 {& u* _2 g3 r
}$ p& A7 k) ]3 y! v5 g, D
pObj= (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj);
b8 [5 X' h& g: M5 M& B
3 y$ v3 }- {" g" j" O0 P0 U; t
switch(pMsg->MsgId)
& R. p5 L3 g5 |9 q
{
5 C2 l! z/ R' X) ~& g
case WM_PAINT://响应重绘命令，显示自己 WM管理器在需要显示的时候自动发送。
& }0 u! {& n& @( ~+ p% v+ S
_Paint(pObj, hObj,(GUI_RECT*)pMsg->Data.p);3 w/ [' r j9 I9 X/ q2 T, d2 f
return;9 b! h& U* G6 W" L% k
case WM_DELETE:* g4 J- }3 j3 d6 h# i) L2 Q8 ?
_Delete(pObj);% j$ d) C) \1 Y5 Z
break; /* No return here ... WM_DefaultProc needs to be called */
% l+ H* p7 |. y' r" t' l
//删除控件这里不能return 因为需要WM_DefaultProc 迭代删除子控件 v% w+ n( S- Q" B4 n
} D. P4 ?- i* X w8 ~
WM_DefaultProc(pMsg);' W; k( u" j- a' v* h4 \0 ]% a V
}& S6 i# D; g5 }$ c q
0 O" @/ K- X, m% C, v
GUI_HMEM Create_demowidget(int x0, int y0, int xsize, int ysize, WM_HWIN hParent, int WinFlags, int ExFlags, int Id)/ D9 ]4 D) c" L9 ?
{
: |% H' M' J$ g
GUI_HMEM hObj;- f% ^9 N( a$ W: H6 Y
GUI_USE_PARA(ExFlags);
6 m2 d; M/ a+ b* S
/* Create the window */0 ~7 b/ S" W1 A& |8 i/ a# \
WM_LOCK();
' G+ ^! @! g; u
hObj = WM_CreateWindowAsChild(x0, y0, xsize, ysize, hParent, WinFlags, DEMO_Widget_callback,
$ q5 z( D9 z7 }- \
sizeof(DEMO_Widget_Obj) - sizeof(WM_Obj));0 _% W. X3 M2 h- Z* k( r# N
//创建一个Window 小工具的灵魂，靠它小工具才受WM管理器管理各种WM管理器的功能才得以使用
9 A) b1 t2 Z# q. S i
//这里需要注意设置了N个字节的 userdata ，userdata 和创建的Window 实际使用的内存是连续的
; r/ k; E0 g9 J/ g! L) F7 W
//! x. ^- B& F, c ^* P1 M
if(hObj)
$ m" ~ E- R' }5 T# F! x
{
|* L$ S( {% k1 L6 ]" K
DEMO_Widget_Obj * pObj = (DEMO_Widget_Obj *)GUI_ALLOC_h2p(hObj);
8 V# N: a1 z: C, o* G% m
//将Window 句柄转换为DEMO_Widget_Obj 类型的指针这里的转换关系需要仔细思考！
7 B |- P) U7 d
//上面提到userdata 和创建的Window 实际使用的内存是连续的实际上 Window 实际使用的内存就是 WIDGET , i* }2 U0 T! q
//这也是为什么一开始说 DEMO_Widget_Obj 的第一项必须是 WIDGET 9 V' m# Z7 w1 U; e2 ?3 ~
WIDGET__Init(&pObj->Widget, Id, WIDGET_STATE_FOCUSSABLE);$ h- N/ V; g- t, I
DEMO_Widget_INIT_ID(pObj);//下面是设置一些默认属性6 v. F4 n) m' t% c
pObj->aBkColor[0]=GUI_BLACK;
5 U' ?# C- \# g* f+ a1 e, G
pObj->aBkColor[1]=GUI_WHITE;
/ N* |+ h: r$ x1 U: l: j
pObj->RECT_Color=GUI_BLUE;8 C+ w5 l( H4 ^& q
pObj->Sta_MAX=40;
, ~! P3 S: g/ h+ r" n
pObj->State=0;
" M& Z: M, g( C8 P8 M, L* e* s
pObj->size_base=5;" o- O$ K% S5 |+ V, H( _$ L; I! w
pObj->State=0;
: y9 ]5 h, b3 R" B% E @
pObj->Props = GRAPH__DefaultProps;+ N1 v4 y4 p* K
}
5 a8 N& u! N0 z3 l! X3 J
else* ~7 g U O% f- k" E) t
{
& Y+ G* u+ S+ {2 V7 ~
GUI_DEBUG_ERROROUT_IF(hObj==0, "DEMO_Widget_Create failed")# `+ K$ O ~2 `* B6 W
}5 l; M% P ]* ^% b/ C- v7 J' R, c
WM_UNLOCK();# \( h4 S- H% ]
return hObj;0 O0 J1 [/ M) a# E4 s+ u- s
}
( N+ F, l, c! }4 |7 Q5 J( S9 e
$ Q# T3 r" S/ M2 Z! ]0 v! N
//下面的函数都由应用程序运行过程中调用，) j6 k7 j% A* q$ C
//按照格式改属性然后使用WM_InvalidateWindow 告诉 WM管理器控件需要重绘就OK了3 j J6 Q7 Y8 {0 \2 c6 u
void Set_demowidget_Sta(GUI_HMEM hObj,int state)
' r3 _( w' |& U' ?- f. y7 w
{
; Q* z3 b4 t$ g |% `7 g$ n% \
DEMO_Widget_Obj * pObj;
4 B6 H2 F1 o2 \' V o
if(hObj)
! D6 E4 p2 n* C/ G
{
& l0 J7 @( k0 M2 ?+ c/ x/ B/ Q8 t5 y
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 */
8 E* b& E6 m* d9 M& T6 `* k
}' S% [6 X; m9 B3 x5 s
else
. m& D' X. g6 L `8 h6 o
{/ t c! ?2 k) |" q* {2 r
return;
* m: b3 O4 l7 |; c; ?5 d
}2 b# j9 B( q. ]
WM_LOCK(); M; b' K7 T. R6 @0 i5 q2 |8 y8 x9 W
if(state<=pObj->Sta_MAX) k2 }% d' P; O
pObj->State=state;7 \( }' ^) I% j; J* D8 E
WM_InvalidateWindow(hObj);
3 B) q! k3 z# R4 u9 v/ X8 B
WM_UNLOCK();- k4 R1 d$ y2 f( v: [5 L
}
& G2 A8 J/ U# U' U
void Set_demowidget_Sta_MAX(GUI_HMEM hObj,int MAX)
4 N' I1 _; E( O$ \
{, F8 w. V% k+ \. Y" S3 b% Q
DEMO_Widget_Obj * pObj;
# V" b" H; C' p) s; K
if(hObj)
# B) c: m2 F, I4 ~# k& g2 o9 h8 V
{
7 H8 j n- `9 _) H8 x9 U; h
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 */) `+ O3 O _3 c" x+ w! V
}* F- b+ |; F7 D" y
else Y- P9 p* O4 s, \# L
{
8 \& X. ~" V6 h/ m
return;! C) B" e! a$ W9 t7 B, k
}
# `2 K5 b' L. X2 ?& t+ S
WM_LOCK();
$ S; j/ h& S4 R/ X
pObj->Sta_MAX=MAX;
# l) j1 V5 |: A/ R) w
WM_InvalidateWindow(hObj);' C' y/ S0 {8 |/ I- c
WM_UNLOCK();
0 w5 o( ~6 X8 p6 a: Q
}) T V6 `+ r# x7 Z) |
" E6 d/ O! {* Q8 x: V# b
void Set_demowidget_Base(GUI_HMEM hObj,int base)
: H/ t: |: F' D& v: r! t) r: y5 V
{
0 o8 x- D/ T! Y( J& o/ y/ k4 p( K
DEMO_Widget_Obj * pObj;( S) T0 A* M/ R/ o1 {& X
if(hObj)2 r& ~! l; G, W
{6 V! @3 `/ K+ P' E! D r
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 */% S3 E; Y/ J% o! m
}7 {/ U( D* n6 _) _
else: B9 d- Y7 O; X
{
+ [5 E8 L# ?1 \& K3 C( q3 K0 w
return;
% q0 S' @" |! G& U- f
}! Y9 G1 o; m8 f3 v# ~: s U
WM_LOCK();
. {8 n7 D0 v. C4 a
pObj->size_base=base;9 `1 P; D1 ?; ^% N$ b# y! Y9 H
WM_InvalidateWindow(hObj);4 Q" A( d8 W: P( v0 m' c8 q( X
WM_UNLOCK();3 k/ ^/ F9 N$ Y5 F( X6 U
}
1 B! w5 i' n" _, j( L! v8 C# g

复制代码

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

赞收藏 5 评论35 发布时间：2014-12-12 14:50

35个回答

lovewyufeng 回答时间：2014-12-13 22:47:04

#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);