UI界面上还得有个油表，大部分都是机械指针。这里暂时不使用机械指针，还是使用circleProgress 和 TextArea控件。
       计划实现的功能就是手滑动circleProgress实现加油，TextArea数字也跟着直观指示。
- t, J5 x/ n7 _9 s       两个控件的值范围是0-100L，后来想想，一般油箱就50L，不一般的就比较大了。
       书归正传，这里实现只需要在view里实现即可。
) q! K6 I$ i% `' v3 h# [       定义界面如图1所示：
. H! r; ^9 K6 U2 n2 e
图1
      在View.cpp里实现功能，函数实现如下所示：

1. int x = evt.getNewX();    // 手指当前位置 X
     X  @. H0 f: B+ M, A+ n
2. 
   
3.     int minX = circleProgress2.getX();
     F3 r- v# w( U+ Q* q/ V; o
4.     int maxX = minX + circleProgress2.getWidth();
   
5. 
   & y1 U# u3 @1 {* h& g- m! g
6.     int pos = x - minX;
   7 p& U: U$ E. m& C8 X, m
7.     if (pos < 0) pos = 0;
   
8.     if (pos > (maxX - minX)) pos = (maxX - minX);
   , P( ]- A" ?8 Q6 D
9. 
   # {8 ]- z2 u: r' i) n
10.     int value = pos * 100 / (maxX - minX);  // 映射到 0~100
    
11. 
    " y' g- c9 |- u! l2 _5 X+ G
12.     // 更新 CircleProgress
    $ y. G* P% X% R7 y
13.     circleProgress2.setValue(value);
    
14. 
    
15.     // 更新文本
    ! t$ M8 M& h' t  D# L
16.     Unicode::snprintf(textArea4Buffer, TEXTAREA1_SIZE, "%d", value);
    
17.     textArea4.invalidate();

复制代码

6 e" y/ k4 e3 k% i  e0 @
      实际展示效果如图2所示：
" O$ X  r7 z6 b( [
图2
( `. l3 \8 h. g( _1 I7 }3 v. m

不错不错