有了前两篇的基础，这次实现车速动态显示。
UI使用了两个控件，一个是Text Area,一个是circleProgress。UI 效果如图1所示：

* i4 q6 x1 `* ?% A+ p% w. ]: S图1
3 `3 m& R6 P! t. r这里要想实现Text Area的动态效果，需要使用属性中的Wildcard1 ,才能实现预想的数字动态变化的效果。
4 p& d3 N3 ?6 w2 r  e而Wildcard1 的配置如图2所示：
1 R8 Z1 @8 O" a$ m" g
图2

! d. e6 r0 H$ T' m8 X) ^
当然还需要配置一下左边的Texts, 在Wildcard Ranges 中输入0-9数字，配置如图3所示：

图3
' n4 s8 R# z% n* \, i( d# @, M) X" S剩下的就是在程序中让Text Area 和 circle Progress 控件绑定。程序实现如下：

1. if (directionUp)
   
2.     {
   
3.         if (counter < 140)
   
4.             counter++;
   6 y* Q) a6 h+ j( S
5.         else
   
6.             directionUp = false; // 到 140 开始下降
   ( I6 _# w8 D6 \  {1 ?  P& m
7.     }
   
8.     else
   ; n- g) o$ ~9 W* P, v& b) _4 b0 z
9.     {
   3 j( s2 e9 O3 x+ Z6 n8 |/ d9 o
10.         if (counter > 0)
    9 ]/ \  H8 v. ?& V
11.             counter--;
    * ?0 `! s( J' f2 `+ S* u
12.         else
    9 I! u  b0 j& b. f2 M
13.             directionUp = true;  // 到 0 开始上升
    # h$ }: W$ A  ~% z7 `# G
14.     }
    . }0 j9 b9 N8 a9 ?  a4 _7 H) f
15.    Unicode::snprintf(textArea1Buffer, TEXTAREA1_SIZE, "%d", counter);
    
16.     textArea1.invalidate();
    
17. 
    - \" V7 ?7 r5 d" D- F& X* Q- i
18.     circleProgress1.setValue(counter);
    ) T4 i  b2 M7 g. \/ B+ `
19.     circleProgress1.invalidate();

复制代码

! z1 N1 ]; I8 |6 R9 R9 F" x/ ^2 [
我们要实现的功能是车速从0-140km/h变化，百米加速。同时circeProgress 控件实现相应的同步。变化循环往复，相当于开机自检。最终效果如图4所示：
  J' o) w- Y4 q$ d# G
图4
. |/ r0 B, ]9 W# y: @1 M

效果可以，就是UI界面再酷一点就好了

<br /> <br />

还没更新完，搞明白了原理，发现还挺好玩的。