6 [% y4 _. c# `  S3 l( v# F       UI界面上还得有个油表，大部分都是机械指针。这里暂时不使用机械指针，还是使用circleProgress 和 TextArea控件。
       计划实现的功能就是手滑动circleProgress实现加油，TextArea数字也跟着直观指示。
( F5 T, a. G; O+ g1 g( {       两个控件的值范围是0-100L，后来想想，一般油箱就50L，不一般的就比较大了。
6 r- z3 }: t  e' @9 u# L       书归正传，这里实现只需要在view里实现即可。
/ R  u; U) m3 r       定义界面如图1所示：

; _5 C' h# V3 c6 Y& o( p2 }8 [图1
      在View.cpp里实现功能，函数实现如下所示：
8 A( I) u3 p8 t; B/ u+ w3 k% U; I

1. int x = evt.getNewX();    // 手指当前位置 X
   
2. 
   
3.     int minX = circleProgress2.getX();
   
4.     int maxX = minX + circleProgress2.getWidth();
   
5. 
   
6.     int pos = x - minX;
   : \8 t0 c( W' }, T6 X
7.     if (pos < 0) pos = 0;
   
8.     if (pos > (maxX - minX)) pos = (maxX - minX);
   
9. 
   ' i" m7 ^5 u& S9 E% o% h: u8 F
10.     int value = pos * 100 / (maxX - minX);  // 映射到 0~100
    ! E. u% w2 y. C* j
11. 
    
12.     // 更新 CircleProgress
    
13.     circleProgress2.setValue(value);
    # N+ P$ A; }7 S
14. 
    % X% x/ O1 a' G' ?: T
15.     // 更新文本
    % d& A0 T; p) W/ W! k" p; j
16.     Unicode::snprintf(textArea4Buffer, TEXTAREA1_SIZE, "%d", value);
    $ j: I% T7 v! y5 u7 b$ R0 _  ~& U
17.     textArea4.invalidate();

复制代码

, ^" x  Y. j; M1 O- r
3 x; F5 p& D. [; X6 k  b. @2 @      实际展示效果如图2所示：
. U! D/ h' Z) e) F1 `
* H; o: R9 h7 e  @. k/ C1 T8 A. m图2
. i- K2 \" L4 H3 o7 {5 Z

不错不错