智能手表雏形之人机交互界面

颩色四葉愺 · 2015-01-07T04:36:47+00:00

本帖最后由颩色四葉愺于 2015-1-7 17:51 编辑 ) T+ G3 C8 K3 p8 Z: {1 f4 ? 1 ]0 X8 L- F# O) U+ E" D智能手表端，采用STM公司的emWin人机交互界面，并模拟了手机app应用，编写成一个比较美观的界面。/*+ x3 n5 W3 O2 H j+ ] 描述：创建桌面* v- P$ H- H' o3 a9 `6 S& f *// U* N5 i- U. |' A+ y V4 N void GUI_CreatDeskTop( void ) * B: s1 O& ^, A3 }{6 g% Y; P3 }0 j9 G! ] ( i; R$ z$ C) _: ^1 \# h6 V WinPara.xSizeLCD = LCD_GetXSize(); //LCD屏幕尺寸 $ Z; t/ i* ?$ u WinPara.ySizeLCD = LCD_GetYSize(); //LCD屏幕尺寸 7 t6 a' @5 U" W% N: J- y+ a. ]5 a WinPara.xSizeWin = WinPara.xSizeLCD; //窗口尺寸5 b0 [" L4 B$ ]* u WinPara.ySizeWin = WinPara.ySizeLCD -20; //窗口尺寸屏幕大小减去状态栏和控制栏 / l) M! D0 t2 u WinPara.xPosWin = 0; //窗口的起始位置( O, r1 Q% ~9 M4 _6 O1 X& B' u WinPara.yPosWin = 20; //窗口的起始位置8 a* Y7 U; n D$ Y1 t WinPara.xSizeWinVirtual = WinPara.xSizeWin * VIRTUAL_WIN_NUM; //虚拟窗口尺寸，用于桌面- j% n( [# G8 M- R+ S% g ) C+ i+ s& V+ { SetDefaultSkin(); //设置默认win7皮肤和字体* e0 F( {" x; r4 Q8 | 7 L4 Q: e+ c# Q' s6 ?8 {- { WM_MOTION_Enable(1);& w, z9 D+ b7 w! d WM_MOTION_SetDefaultPeriod(1000); / v# U; P* ]; t! E3 \% ^5 ]9 b 1 e e% _8 q, w5 i8 ]2 b WM_EnableMemdev(WM_HBKWIN); //使用储存设备来重绘窗口 ! b& R6 C4 `% @9 m3 k& E 7 [$ ?. J U8 C$ [! T+ p WM_SetCallback(WM_HBKWIN, _cbBKWin); //设置回调函数7 k( i0 z" y. x* F 7 u& i8 U0 O1 n/ L3 W: }( R /* 创建窗口状态栏、主窗口*/ ; K$ j2 j5 `) @ a CreatStatusWin(); / ^8 o; ^/ C; q7 M CreatMainWin();5 I! }; o4 q" e9 ? } ' K* l; @! I1 c% e3 O0 Y% d& N- v h6 g7 Z( w( H( v7 Q- E5 \ /*$ z* P6 _4 y! [5 x6 K( _5 c4 e 描述：创建顶部状态栏: _1 ?( K0 `2 d8 b: P */2 y; t; ~3 C; D+ S3 k3 P static void CreatStatusWin( void ) ( G2 p1 X2 Q1 F# S4 y; a7 a{' h+ b- D! c1 F3 | r" F/ K OS_ERR err; 5 R3 j5 h* D& f9 u+ Z. Z3 c8 Q int i= 0; 9 | V I; I9 ~+ V _9 ?& q0 b; F. a+ u 1 x" B5 a! J4 i/ [4 Q. H7 \* \ WM_HWIN hText1;& d$ `" T; [4 C ( e* z" _. g3 V+ v2 W; ~ WinPara.hWinStatus = WM_CreateWindowAsChild( ! D a3 G1 D9 n$ Q9 B 0, //窗口位置、大小3 r) I' S% l# x. C. L 0,! D, w# m: P& A9 V4 `4 G1 X# S WinPara.xSizeLCD, - f7 \" R" R' S$ U5 o WinPara.yPosWin, ( Q* J; G! X$ t( T5 m WM_HBKWIN, WM_CF_SHOW , - Y% n2 H9 d- W5 z _cbStatusWin, 3 I6 `8 T/ Q5 K# ?! U: h sizeof(WIN_PARA *)8 `: D0 H4 C. ~" p2 ?' o# N- n; | );6 Y2 m2 }# O D8 V1 c0 z * l4 g4 a9 Y2 d; A+ C& i hText1 = TEXT_CreateEx(0, 0, & H) W1 j$ S+ k, M- I9 r 60, 20, ( I- K+ L y5 a WinPara.hWinStatus, 0 |: r+ ^ M" _ WM_CF_SHOW, . ]( }" }$ u9 e9 n, N. S. v: y. t8 C GUI_TA_LEFT|TEXT_CF_VCENTER, # M' c( t6 X3 Y1 `8 ?- S GUI_ID_TEXT1, 3 `: ^, Z, t) B' h% j& b8 k p " "); 9 U2 ?: @7 r9 ^. g5 j& x TEXT_SetTextColor(hText1, GUI_BLUE);, M+ `8 o3 q' s1 ~ M } ! U# b( n! f( x8 G0 x {8 V 3 \% F% x j) H' H4 w' O: _: M4 A4 A0 P' [ 复制代码 . M- Y$ N: X( ]( B9 Q+ b& J- p* B 1 Q, b! v0 {3 k5 E$ u 1 y+ Y6 ^5 F1 A' Q/ Q- G' w# \$ e. B- x6 ~7 d

[复制链接]

颩色四葉愺发布时间：2015-1-7 12:36

技术帖
文章封面:	-
文章简介:	-

本帖最后由颩色四葉愺于 2015-1-7 17:51 编辑

智能手表端，采用STM公司的emWin人机交互界面，并模拟了手机app应用，编写成一个比较美观的界面。

/*+ x3 n5 W3 O2 H j+ ]
描述：创建桌面* v- P$ H- H' o3 a9 `6 S& f
*// U* N5 i- U. |' A+ y V4 N
void GUI_CreatDeskTop( void )
* B: s1 O& ^, A3 }
{6 g% Y; P3 }0 j9 G! ]
( i; R$ z$ C) _: ^1 \# h6 V
WinPara.xSizeLCD = LCD_GetXSize(); //LCD屏幕尺寸
$ Z; t/ i* ?$ u
WinPara.ySizeLCD = LCD_GetYSize(); //LCD屏幕尺寸
7 t6 a' @5 U" W% N: J- y+ a. ]5 a
WinPara.xSizeWin = WinPara.xSizeLCD; //窗口尺寸5 b0 [" L4 B$ ]* u
WinPara.ySizeWin = WinPara.ySizeLCD -20; //窗口尺寸屏幕大小减去状态栏和控制栏
/ l) M! D0 t2 u
WinPara.xPosWin = 0; //窗口的起始位置( O, r1 Q% ~9 M4 _6 O1 X& B' u
WinPara.yPosWin = 20; //窗口的起始位置8 a* Y7 U; n D$ Y1 t
WinPara.xSizeWinVirtual = WinPara.xSizeWin * VIRTUAL_WIN_NUM; //虚拟窗口尺寸，用于桌面- j% n( [# G8 M- R+ S% g
) C+ i+ s& V+ {
SetDefaultSkin(); //设置默认win7皮肤和字体* e0 F( {" x; r4 Q8 |
7 L4 Q: e+ c# Q' s6 ?8 {- {
WM_MOTION_Enable(1);& w, z9 D+ b7 w! d
WM_MOTION_SetDefaultPeriod(1000);
/ v# U; P* ]; t! E3 \% ^5 ]9 b
1 e e% _8 q, w5 i8 ]2 b
WM_EnableMemdev(WM_HBKWIN); //使用储存设备来重绘窗口
! b& R6 C4 `% @9 m3 k& E
7 [$ ?. J U8 C$ [! T+ p
WM_SetCallback(WM_HBKWIN, _cbBKWin); //设置回调函数7 k( i0 z" y. x* F
7 u& i8 U0 O1 n/ L3 W: }( R
/* 创建窗口状态栏、主窗口*/
; K$ j2 j5 `) @ a
CreatStatusWin();
/ ^8 o; ^/ C; q7 M
CreatMainWin();5 I! }; o4 q" e9 ?
}
' K* l; @! I1 c% e3 O0 Y% d& N
- v h6 g7 Z( w( H( v7 Q- E5 \
/*$ z* P6 _4 y! [5 x6 K( _5 c4 e
描述：创建顶部状态栏: _1 ?( K0 `2 d8 b: P
*/2 y; t; ~3 C; D+ S3 k3 P
static void CreatStatusWin( void )
( G2 p1 X2 Q1 F# S4 y; a7 a
{' h+ b- D! c1 F3 | r" F/ K
OS_ERR err;
5 R3 j5 h* D& f9 u+ Z. Z3 c8 Q
int i= 0;
1 x" B5 a! J4 i/ [4 Q. H7 \* \
WM_HWIN hText1;& d$ `" T; [4 C
( e* z" _. g3 V+ v2 W; ~
WinPara.hWinStatus = WM_CreateWindowAsChild(
! D a3 G1 D9 n$ Q9 B
0, //窗口位置、大小3 r) I' S% l# x. C. L
0,! D, w# m: P& A9 V4 `4 G1 X# S
WinPara.xSizeLCD,
- f7 \" R" R' S$ U5 o
WinPara.yPosWin, ( Q* J; G! X$ t( T5 m
WM_HBKWIN, WM_CF_SHOW ,
- Y% n2 H9 d- W5 z
_cbStatusWin,
3 I6 `8 T/ Q5 K# ?! U: h
sizeof(WIN_PARA *)8 `: D0 H4 C. ~" p2 ?' o# N- n; |
);6 Y2 m2 }# O D8 V1 c0 z
* l4 g4 a9 Y2 d; A+ C& i
hText1 = TEXT_CreateEx(0, 0, & H) W1 j$ S+ k, M- I9 r
60, 20,
( I- K+ L y5 a
WinPara.hWinStatus,
0 |: r+ ^ M" _
WM_CF_SHOW, . ]( }" }$ u9 e9 n, N. S. v: y. t8 C
GUI_TA_LEFT|TEXT_CF_VCENTER,
# M' c( t6 X3 Y1 `8 ?- S
GUI_ID_TEXT1,
3 `: ^, Z, t) B' h% j& b8 k p
" ");
9 U2 ?: @7 r9 ^. g5 j& x
TEXT_SetTextColor(hText1, GUI_BLUE);, M+ `8 o3 q' s1 ~ M
}
! U# b( n! f( x8 G0 x {8 V
3 \% F% x j) H' H4 w' O
: _: M4 A4 A0 P' [

复制代码

赞收藏评论2 发布时间：2015-1-7 12:36

2个回答

颩色四葉愺回答时间：2015-1-7 17:51:16

/*% Q d* `/ L, }$ w
描述：创建主窗口! [0 s+ R) h j& F# K; ?) g# S1 @
*/* e* E4 d5 U3 q
static void CreatMainWin(void)+ | `: w( b0 Y8 I5 A& y1 Q" n
{% K( |0 @( R$ m4 ^, P$ C
WM_HWIN hText_time;
. J7 Y. a: x% S; Q/ X4 s
WM_HWIN hText_date;
9 N4 C* W& B( n B
WM_HWIN hText_wday;% p( P0 r. c0 _0 a
WM_HWIN hText_GPS;
* T& ~$ `0 _8 U0 J7 s4 o
% U3 z: l' @' r" a
WM_HWIN hWin;- v; w8 c/ ~; i/ C( ~: T
3 \* v/ @' V' K8 H7 k) T, O8 a
WinPara.hWinMain = WM_CreateWindowAsChild(
7 { v3 C! K+ Q/ Y
WinPara.xPosWin , 1 |7 A) H0 j7 R! L; s3 ^
WinPara.yPosWin , //位置
- }+ [: O- v' h) ?+ O
WinPara.xSizeWin,
" t1 l2 n5 A1 F) p
WinPara.ySizeWin, //底部剩余宽度
& O* c0 `, E) m3 B. {' r
WM_HBKWIN, ) B( v( g: i. V
WM_CF_SHOW | WM_CF_MEMDEV, 3 y9 X2 W: e2 d! h! W6 u- c) J) G. B1 b
_cbMainWin,
* U& \8 Z0 V% h5 A) k* b5 q
sizeof(WIN_PARA *)( ] b5 a2 O7 D9 |- k b
); 8 R; I4 D3 ~( c1 I4 R* W% `
5 H& _6 K. t) I+ E, H
hText_time= TEXT_CreateEx(0, 0,
$ I4 a) X% V$ P$ q
WinPara.xSizeLCD, 60,
: m! @! l5 N* _2 {$ Q
WinPara.hWinMain, & b: r4 L( r1 H8 b$ \0 [8 d+ {6 t( o
WM_CF_SHOW,
GUI_TA_HCENTER|TEXT_CF_VCENTER, 9 R8 V) `- L' c- I$ f( e, T) K5 Q
GUI_ID_TEXT1,+ \- e* O8 a$ t" c p& q( [
" "% ]6 M. O7 U0 A# D
);
2 l1 x2 P$ [! E6 D
4 _8 o( w* H" |. E
hText_date= TEXT_CreateEx(0, 60,
5 H( t3 G9 |* T
130, 40,
1 H8 u$ K0 ^; s& R- o# Q4 D
WinPara.hWinMain, 1 j2 h' C8 ` V/ p
WM_CF_SHOW,1 S: v+ ]6 T2 N" c2 r& V* N& ]0 K
GUI_TA_HCENTER|TEXT_CF_VCENTER,
* M. @. U1 C4 f9 t+ _. W1 n: C
GUI_ID_TEXT2,
0 h* e' o! f! Y" w+ k/ ~
" "
! M- u3 B8 X3 X6 _( _9 H
);6 i8 |% q, C Y+ _, }+ m. r
hText_wday= TEXT_CreateEx(130, 60, , N9 [, g4 t+ c3 ?& }% a5 q
90, 40,+ ^ G9 A; x; q
WinPara.hWinMain, $ h4 s8 D3 o* v0 S" u
WM_CF_SHOW,
$ L y4 j3 L# x- Y( B R3 q$ \! u
GUI_TA_HCENTER|TEXT_CF_VCENTER, : }8 B) a" k! |) ^. [! A% l$ ?
GUI_ID_TEXT3,+ K [, F$ c8 a1 {
" "3 i, G8 z: d4 |6 [, p* U' I& W
);
: [* s+ [2 q6 u% y5 C$ R
hText_GPS = TEXT_CreateEx(0, 100,
7 r) Q/ ?7 ^; s g
WinPara.xSizeWin, 20,+ b: Q2 U# N+ G" K6 W
WinPara.hWinMain, ! Z" e! ~2 S+ o# X$ [
WM_CF_SHOW,' w- l1 T" p5 c
GUI_TA_HCENTER|TEXT_CF_VCENTER, ' h4 J3 b7 N" w2 n& U: X& |3 X
GUI_ID_TEXT4,
( ~% y" P# \+ t
"NO GPS INFORMATION"
. E$ q) x1 P9 h8 R3 ~7 r0 M
);
0 P, h: c" M( P0 ` j9 I8 G
, c2 S$ O9 J* t& w
TEXT_SetFont(hText_time, GUI_FONT_D36X48);
! k1 H( a( r) v
TEXT_SetTextColor(hText_time, GUI_BLUE);9 H1 f8 j9 M* v8 G
TEXT_SetTextColor(hText_date, GUI_BLUE); ) [- l* d( }3 U# z% i
TEXT_SetTextColor(hText_wday, GUI_BLUE);
( j; h& |5 s2 Y, B
TEXT_SetTextColor(hText_GPS, GUI_BLUE); $ E6 y2 i- J- U0 }2 t) ^; ?1 ?
" w' E) s$ F, @% H2 G: O
hWin=ICONVIEW_CreateEx(0,
- @) |/ e$ b3 w, @4 e& j
130,
& V: a) x, {# j: E: |2 @# t
WinPara.xSizeWin,
3 k& Y' X- z; M- a- x1 l( k3 A. N2 m
WinPara.ySizeLCD,. N# q P$ N3 Q1 j( D, c' b' P
WinPara.hWinMain,+ s% Z, k' F" a7 c
WM_CF_SHOW | WM_CF_HASTRANS,
5 j4 \! {0 @" k4 O- w, \; w
0, 5 b+ E! q/ L0 _0 C, p1 U
GUI_ID_ICONVIEW0, 4 T4 u* t1 ] p3 o- A/ ]$ f
70, 70);
: d: }- \8 Z# g2 W5 m2 v' H
; Z4 w$ X" W( r# g6 I1 O
7 b( {* K0 K- o5 K
ICONVIEW_SetBkColor(hWin, ICONVIEW_CI_SEL, GUI_BLUE | 0xC0000000); * ]# c0 P! D9 _
ICONVIEW_SetFont(hWin, &SDFont.XFont); //设置图标字体$ b/ y; v" Z, a& O
ICONVIEW_SetTextColor(hWin,ICONVIEW_CI_UNSEL,GUI_LIGHTBLUE);
$ }: R0 Y, p. {- v4 W" d
// ICONVIEW_SetTextAlign(hWin,GUI_TA_RIGHT);
0 v" Q7 U/ \- ^" @4 P5 l
ICONVIEW_SetSel(hWin, -1);
) {9 o; k. s! S
ICONVIEW_AddBitmapItem(hWin, &bmCall, "电话");
# |( G# c% F- @) I( s
ICONVIEW_AddBitmapItem(hWin, &bmMessage, "短信");4 _- n0 n: B: k4 i4 X+ a% k o& M; V" r
ICONVIEW_AddBitmapItem(hWin, &bmclock, "时钟");
5 K3 i5 v8 q: M9 u7 B; y
ICONVIEW_AddBitmapItem(hWin, &bmwifi, "无线");
9 j% h/ ~" N. r( F/ O, ?
ICONVIEW_AddBitmapItem(hWin, &bmCamera, "相机");
! ]" W+ @$ q! H" o1 x. G0 m0 h" a3 l
ICONVIEW_AddBitmapItem(hWin, &bmAdd, "添加");
7 }/ S! d* {3 A% w& x6 p! s
$ R; K/ ~8 f0 N
}