一、创建控件
: ~$ ~( U( M/ |/ \& U% Z6 n' s1、创建4个radioButton，和两个text Area控件。


+ o& c; h1 P/ I$ B6 k7 e
4 ?, @3 L, h0 d6 B

1. radioButton1 Loacation： X：56 Y: 25
   
2. radioButton2 Loacation： X：56 Y: 78
   
3. radioButton3 Loacation： X：56 Y: 129
   
4. radioButton4 Loacation： X：56 Y: 179
   3 e) I& k/ Q- a" ?" {
5. selectedText Loacation：    X：114 Y: 137
   ! v+ y: F/ S% U- F; Q
6. deselectedTextLoacation： X：114 Y: 189
   / K  d( Z4 H) b8 Q" K7 [' ?/ O5 C1 g
7. 同时分别设置四个radioButton的背景图片如下所示：
     {! ]# R% \# m' {
8. radioButton可以在SELECTION栏里设置默认启动时是否选择此radioButton。

复制代码

1 ]# W2 T: t& L; y- p& e

: m0 p: f3 w: e. X* W然后按照下图给Text Area添加文本资源
5 |0 B& s/ n! c# L8 a
6 [! I+ M4 `4 i+ C* ]) }- K

二、实现交互
一共添加8个InterAction，每个radioButton添加一个selected和deselected的InterAction。




  f: {5 {& f6 y依次向8个interactions的code里面添加如下C++代码

1. //radioButton1的selected时执行的C++代码
   , a; r  s0 t0 U$ V- g
2. Unicode::snprintf(selectedTextBuffer, 4, "%d", 1);
   & I9 t* z! A8 [3 M0 O4 @0 [- Z$ S, p
3. selectedText.resizeToCurrentText();
   ( k8 P- d+ ~( }
4. selectedText.invalidate();

复制代码

1. //radioButton2的selected时执行的C++代码
   
2. Unicode::snprintf(selectedTextBuffer, 4, "%d", 2);
   
3. selectedText.resizeToCurrentText();
   1 t8 w5 M" @# r- n0 N; n7 E# H! A
4. selectedText.invalidate();

复制代码

1. //radioButton3的selected时执行的C++代码
   * I% Q+ S% i( Z& x
2. Unicode::snprintf(selectedTextBuffer, 4, "%d", 3);
   7 w' B, L3 L$ g5 p# L5 C/ d
3. selectedText.resizeToCurrentText();
   4 A$ |7 q' |( A2 P/ }0 i- w
4. selectedText.invalidate();

复制代码

1. //radioButton4的selected时执行的C++代码
   
2. Unicode::snprintf(selectedTextBuffer, 4, "%d", 4);
   / _  [! J0 N: T% Z5 X7 w5 N
3. selectedText.resizeToCurrentText();
   0 g$ n. K! b+ k( n
4. selectedText.invalidate();

复制代码

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

复制代码

1. //radioButton2的deselected时执行的C++代码
   % d/ T9 u+ T) H0 i# S; Q/ Y
2. Unicode::snprintf(deselectedTextBuffer, 4, "%d", 2);
   
3. deselectedText.resizeToCurrentText();
   / N0 B& w( P$ h+ [6 P2 c
4. deselectedText.invalidate();

复制代码

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

复制代码

1. //radioButton4的deselected时执行的C++代码
     z7 X& k) r" i/ g1 p
2. Unicode::snprintf(deselectedTextBuffer, 4, "%d", 4);
   : y9 N$ x) k7 H% ^2 f
3. deselectedText.resizeToCurrentText();
   
4. deselectedText.invalidate();

复制代码

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

# [5 w% S8 {, \  [5 Y, T
4 x1 O( n) f7 H' ~0 J8 x
3 Y8 M6 O. ?: T* ^! n" B