特别说明：完整STemWin的1-60期教程和配套实例下载地址：链接

第53章 RADIO-单选按钮控件

% t5 {- s  q. ?* K$ N# m  A

    本期教程讲解STemWin支持的单选按钮控件。

    53. 1 单选按钮控件介绍

    53. 2 官方DIALOG_Radio实例

    53. 3 使用官方GUIBulder建立单选按钮控件

    53. 4 总结

% i: e  `: D; {4 r' L53.1 进度条控件介绍

   如同复选框一样，单选按钮也可用来选择选项。打开或选择单选按钮时，将出现圆点。与复选框的差别是，用户一次只能选择一个单选按钮。选择一个按钮时，控件中的其他按钮将关闭 （如右图所示）。一个单选按钮控件可能包含任意数量的按钮, 这些按钮始终处于垂直排列状态。下表显示的是RADIO按钮的默认外观：

设置皮肤后显示效果如下：

53.1.1 单选按钮支持的通知代码

    以下事件是单选按钮控件作为WM_NOTIFY_PARENT消息的一部分发送给其父窗口的：

消息	描述
WM_NOTIFICATION_CLICKED	已被点击。
WM_NOTIFICATION_RELEASED	已被释放。
WM_NOTIFICATION_MOVED_OUT	已被点击，且指针已移出控件，但没有释放。
WM_NOTIFICATION_VALUE_CHANGED	单选按钮的值 （内容）已更改。

53.1.2 单选按钮支持的键盘反应

    如果控件具有输入焦点，则它将对下列各键做出反

按键	反应
GUI_KEY_RIGHT	选定范围增加1。
GUI_KEY_DOWN	选定范围增加1。
GUI_KEY_LEFT	选定范围减小1。
GUI_KEY_UP	选定范围减小1。

53.2 官方DIALOG_Radio实例

    官方的这个实例很好的演示了MULTIPAGE的使用，这个例子在模拟器中的位置：

源码如下（程序中进行了详细的注释）：

1. #include <stddef.h>
   6 H* Y7 t: d9 j. ^) b( L1 h7 T
2. #include "GUI.h"
   
3. #include "DIALOG.h"
   
4. 
   
5. /*********************************************************************
   # J0 ?9 @" ~7 r# a
6. *
   
7. *       Dialog resource
   ) ]3 l/ i0 B8 d) ?8 X
8. *    对话框资源表
   
9. */
   
10. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
    
11.   { FRAMEWIN_CreateIndirect, "Radio button sample", 0,        30,  70, 260, 100, FRAMEWIN_CF_MOVEABLE },
    
12.   { RADIO_CreateIndirect,     NULL,           GUI_ID_RADIO0,   5,  10,   0,   0,   0,  3 },
    4 f* Z: c2 Q1 J4 b9 u3 h
13.   { TEXT_CreateIndirect,     "Suspend",       GUI_ID_TEXT0,   25,  10,  70,  20, TEXT_CF_LEFT },
    
14.   { TEXT_CreateIndirect,     "Shut down",     GUI_ID_TEXT1,   25,  30,  70,  20, TEXT_CF_LEFT },
    2 T( D; E! x0 G' O* b6 \
15.   { TEXT_CreateIndirect,     "Restart after", GUI_ID_TEXT2,   25,  50,  70,  20, TEXT_CF_LEFT },
    
16.   { TEXT_CreateIndirect,     "seconds",       GUI_ID_TEXT3,  130,  50,  70,  20, TEXT_CF_LEFT },
    5 f7 |# t6 k  M/ P
17.   { EDIT_CreateIndirect,     "200",           GUI_ID_EDIT0,   95,  47,  30,  19, 0, 3},
    ; r. A  P4 W* }/ ?5 V
18.   { BUTTON_CreateIndirect,   "OK",            GUI_ID_OK,     180,  10,  60,  20 },
    
19.   { BUTTON_CreateIndirect,   "Cancel",        GUI_ID_CANCEL, 180,  40,  60,  20 }
    
20. };
    
21. 
    + D7 V1 Z( }8 i4 {3 f, y
22. 
    2 g. @  i1 J2 j! Z5 X* p: T' _4 b0 a
23. /*********************************************************************
    / _: X* Q8 L) K; e. B
24. *
    
25. *       _cbBkWindow
    & L$ L! s& [6 @% w
26. *     桌面窗口的回调函数
    
27. */
    8 q. W# G$ j' k0 \& S! }& R9 h# G  d9 Q
28. static void _cbBkWindow(WM_MESSAGE* pMsg) {
    
29.   switch (pMsg->MsgId) {
    
30.   case WM_PAINT:
    
31.     GUI_SetBkColor(GUI_RED);
    
32.     GUI_Clear();
    ! A3 `% |/ }3 k: Z3 {' W
33.     GUI_SetColor(GUI_WHITE);
    
34.     GUI_SetFont(&GUI_Font24_ASCII);
    
35.     GUI_DispStringHCenterAt("DIALOG_Radio - Sample", 160, 5);
    
36.     break;
    
37.   default:
    % w% y$ ]. q. c& W5 j
38.     WM_DefaultProc(pMsg);
    
39.   }
    
40. }
    " B' S2 I4 S) R+ Y' H( a3 i8 }
41. 
    
42. /*********************************************************************
    1 F/ W& H8 Y- l% Y4 x4 H
43. *
    9 J/ U. |1 R& R
44. *       _cbCallback
    
45. *     对话框的回调函数
    ' P* y0 {2 x2 v" Y1 J9 T3 H" P
46. */
    
47. static void _cbCallback(WM_MESSAGE * pMsg) {
    
48.   WM_HWIN hDlg;
    
49.   WM_HWIN hItem;
    ( g- W" H* p8 E7 i
50.   int     Sel;
      R. T2 C7 q8 n7 T& r, ^
51.   int     NCode;
    1 A* R% c7 z" E
52.   int     Id;
    8 k8 r" W- Z5 J7 g
53. 
    
54.   GUI_PID_STATE * pState;
    & l' n% L3 w. K  r
55.   hDlg = pMsg->hWin;
    ! g# @% D( @' v% b
56.   switch (pMsg->MsgId) {
    % N, x6 F/ Y; _- U; k' C
57.     case WM_INIT_DIALOG:
    
58.       hItem = WM_GetDialogItem(hDlg, GUI_ID_EDIT0);
    
59.       EDIT_SetDecMode(hItem, 30,   0, 999, 0, 0);    // 选项编辑框的10进制模式
    
60.       WM_DisableWindow(hItem);
    1 r2 R$ {" [, ~- X# N" A5 B' O
61.       break;
    
62.     case WM_KEY:
    
63.       switch (((WM_KEY_INFO*)(pMsg->Data.p))->Key) {
    ' E  m& C, Z, j
64.         case GUI_KEY_ESCAPE:
    & B, s5 d5 L# x7 S; K
65.           GUI_EndDialog(hDlg, 1);
    9 o. p+ F, z* d
66.           break;
    
67.         case GUI_KEY_ENTER:
    
68.           GUI_EndDialog(hDlg, 0);
    % o8 y. ~" @' u) C0 W) O# @  U* M+ i
69.           break;
    ( V+ D2 ?+ i. q- g) G
70.       }
    
71.       break;
    
72. /* 通过WM_TOUCH_CHILD消息的主要功能是：当点击单选按钮边上的文本控件时，
    
73.    也可以实现单选按钮控件的选择
    
74.   */  
    
75.     case WM_TOUCH_CHILD:
    
76.       Id = WM_GetId(pMsg->hWinSrc);      
    
77.       switch (Id) {
    6 `- |* E5 e; |4 L5 K# C, S
78.         case GUI_ID_TEXT0:
    
79.         case GUI_ID_TEXT1:
    
80.         case GUI_ID_TEXT2:
    
81.           pState = (GUI_PID_STATE *)((WM_MESSAGE *)pMsg->Data.p)->Data.p;
    3 O8 ^6 g- k+ a/ M' i0 d: S
82.           if (pState) {
    5 I/ E* a0 _( M: ]$ C; n
83.             if (pState->Pressed) {
    
84.               WM_HWIN hRadio = WM_GetDialogItem(hDlg, GUI_ID_RADIO0);
    
85.               RADIO_SetValue(hRadio, Id - GUI_ID_TEXT0);   
    
86.             }
    ( _' Y1 S4 {5 h' C$ \5 H
87.           }
    
88.           break;
    3 ~& M- O7 X" g' T/ g- z+ r% L7 l
89.       }
    " u7 y' X$ @* Y! k% J8 ^) h# q; b
90.       break;
    5 B/ J; s" v1 q0 y8 p) u* R
91.     case WM_NOTIFY_PARENT:
    
92.       Id    = WM_GetId(pMsg->hWinSrc);      // Id of widget
    $ H) o7 ?% ~1 ^* D" j: s, n
93.       NCode = pMsg->Data.v;                 // Notification code
    
94.       switch (NCode) {
    
95.         case WM_NOTIFICATION_RELEASED:      // React only if released
    
96.           switch (Id) {
    5 k- R" B* x) S7 A- P
97.             case GUI_ID_OK:
    , B: l+ s$ O3 k  ]
98.               GUI_EndDialog(hDlg, 0);
    
99.               break;
    
100.             case GUI_ID_CANCEL:
     
101.               GUI_EndDialog(hDlg, 1);
     4 Y) I/ B5 q5 `
102.               break;
     
103.           }
     , z- j) O7 G) j
104.           break;
     
105. /* 当选择第三个单选按钮时，将使能编辑框GUI_ID_EDIT0 */
     
106.         case WM_NOTIFICATION_VALUE_CHANGED:
     
107.           hItem = WM_GetDialogItem(hDlg, GUI_ID_RADIO0);
     
108.           Sel   = RADIO_GetValue(hItem);
     
109.           hItem = WM_GetDialogItem(hDlg, GUI_ID_EDIT0);
     ; P$ y8 H) V+ l# S/ V8 t- v- B
110.           WM_SetEnableState(hItem, Sel == 2);      
     4 _) Z9 }% T5 Z( c( [. ^
111.           break;
     $ H. @4 y. b( @4 F6 a2 }% x
112.       }
     0 p0 {* K% v- }6 P, C
113.       break;
     2 D* T- X1 p/ u: |, n$ x3 s8 G
114.     default:
     4 n& ?- O5 K( r; H: g. x
115.       WM_DefaultProc(pMsg);
     1 a9 q/ b8 H. E
116.   }
     $ L. s0 r5 n  y( i. m  v4 y$ ~- [. Q
117. }
     
118. 
     7 o) D: N4 N( u. B- I  L/ I
119. /*********************************************************************
     " g* e6 h3 V! Q+ _
120. *
     
121. *       MainTask
     6 Y9 H' I; \+ e% `& M
122. */
     1 a" R/ _0 f9 i8 P
123. void MainTask(void) {
     5 J# x6 R- M) L2 K) X
124.   GUI_Init();
     
125.   WM_SetCallback(WM_HBKWIN, &_cbBkWindow);
     
126.   WM_SetCreateFlags(WM_CF_MEMDEV);  // Use memory devices on all windows to avoid flicker
       U, A5 [' u" `. Z) C9 I- L0 D
127.   while (1) {
     
128. /* 创建阻塞式对话框 */
     
129.     GUI_ExecDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), &_cbCallback, 0, 0, 0);
     
130.     GUI_Delay(1000);
     
131.   }
     
132. }

复制代码

实际现象效果如下：

53.3 使用官方GUIBulder建立单选按钮控件

    这里用GUIBulder5.22建立一个如下的界面（分辨率480*272）：

鼠标放在单选按钮控件上面右击可以设置单选按钮：

具体每个选项的名字在右下角进行设置：

将生成的代码直接复制到模拟器或者开发板上面运行，实际显示效果如下（生成的代码在本期教程配套的例子中）：

53.4 总结

    本期教程主要是跟大家讲解了单选按钮控件的基础知识。希望大家可以把本期教程中讲的这两个例子跑跑，然后自己设计一个相关的例子进行试验学习。教程中只是使用了部分的单选按钮控件API，其它的API大家都可以试试。

都是好东西…

支持一下

大力支持!