一、创建控件
5 y% W& H- W& C% u. V1、创建4个radioButton，和两个text Area控件。

: z( J% g$ u& s  H4 B, r

* K9 ]( g! M, E5 E! h

1. radioButton1 Loacation： X：56 Y: 25
   
2. radioButton2 Loacation： X：56 Y: 78
   
3. radioButton3 Loacation： X：56 Y: 129
   . w* M9 I6 i; N5 w: n. Z
4. radioButton4 Loacation： X：56 Y: 179
   7 c8 _( \2 m7 p  ^/ v. d- _" W1 t  g
5. selectedText Loacation：    X：114 Y: 137
   
6. deselectedTextLoacation： X：114 Y: 189
   ( T' p0 \( v( i6 r% C5 e/ u# Z
7. 同时分别设置四个radioButton的背景图片如下所示：
   8 ?# N+ o4 n, y; I- s/ S# F
8. radioButton可以在SELECTION栏里设置默认启动时是否选择此radioButton。

复制代码

然后按照下图给Text Area添加文本资源
  S- ]8 X1 x. T$ W, C+ |' Q

% R5 s, M$ `- Z7 R
二、实现交互
一共添加8个InterAction，每个radioButton添加一个selected和deselected的InterAction。



/ F  Y6 V! C  C4 E2 n; P9 g* A, \! w# c
+ T$ @, ]1 X* y5 h依次向8个interactions的code里面添加如下C++代码

( h% R. C) w* q, r

1. //radioButton1的selected时执行的C++代码
   
2. Unicode::snprintf(selectedTextBuffer, 4, "%d", 1);
   
3. selectedText.resizeToCurrentText();
   
4. selectedText.invalidate();

复制代码

1. //radioButton2的selected时执行的C++代码
   8 {/ E" Q2 a. c5 p5 v
2. Unicode::snprintf(selectedTextBuffer, 4, "%d", 2);
   * v5 G7 Y. X. N  z! Q% J9 O9 _( b  n
3. selectedText.resizeToCurrentText();
   
4. selectedText.invalidate();

复制代码

1. //radioButton3的selected时执行的C++代码
   
2. Unicode::snprintf(selectedTextBuffer, 4, "%d", 3);
   1 C( t. q, n5 R" ^2 x* I; F
3. selectedText.resizeToCurrentText();
   0 H/ q& M1 r: u1 D* x" e$ U7 n- \
4. selectedText.invalidate();

复制代码

1. //radioButton4的selected时执行的C++代码
   7 n6 F7 I) }* c4 l) @& a3 C- Q2 t
2. Unicode::snprintf(selectedTextBuffer, 4, "%d", 4);
   
3. selectedText.resizeToCurrentText();
   
4. selectedText.invalidate();

复制代码

1. //radioButton1的deselected时执行的C++代码
   , [# R& R4 p$ F( @
2. Unicode::snprintf(deselectedTextBuffer, 4, "%d", 1);
   
3. deselectedText.resizeToCurrentText();
   . i6 e$ j. o, t* D: x% N
4. deselectedText.invalidate();

复制代码

1. //radioButton2的deselected时执行的C++代码
   
2. Unicode::snprintf(deselectedTextBuffer, 4, "%d", 2);
   - t' V$ _5 L2 N" ^+ ?6 ~3 ]
3. deselectedText.resizeToCurrentText();
   ' t" d) l$ O3 ~# C5 G
4. deselectedText.invalidate();

复制代码

1. //radioButton3的deselected时执行的C++代码
   
2. Unicode::snprintf(deselectedTextBuffer, 4, "%d", 3);
   
3. deselectedText.resizeToCurrentText();
   
4. deselectedText.invalidate();

复制代码

1. //radioButton4的deselected时执行的C++代码
   
2. Unicode::snprintf(deselectedTextBuffer, 4, "%d", 4);
   
3. deselectedText.resizeToCurrentText();
   ' c! E1 \- c$ `
4. deselectedText.invalidate();

复制代码

Runsimulation即可看到最终演示结果和我们预期相同。

& c7 f3 g1 a% a+ l; b
- B2 _' u* L5 ?7 |9 K% f: U& Y
+ r( p! `0 T9 i" h