UI界面上还得有个油表，大部分都是机械指针。这里暂时不使用机械指针，还是使用circleProgress 和 TextArea控件。
       计划实现的功能就是手滑动circleProgress实现加油，TextArea数字也跟着直观指示。
       两个控件的值范围是0-100L，后来想想，一般油箱就50L，不一般的就比较大了。
       书归正传，这里实现只需要在view里实现即可。
       定义界面如图1所示：

图1
      在View.cpp里实现功能，函数实现如下所示：

1. int x = evt.getNewX();    // 手指当前位置 X
   
2. 
   
3.     int minX = circleProgress2.getX();
   
4.     int maxX = minX + circleProgress2.getWidth();
   
5. 
   
6.     int pos = x - minX;
   
7.     if (pos < 0) pos = 0;
   
8.     if (pos > (maxX - minX)) pos = (maxX - minX);
   
9. 
   
10.     int value = pos * 100 / (maxX - minX);  // 映射到 0~100
    
11. 
    
12.     // 更新 CircleProgress
    
13.     circleProgress2.setValue(value);
    
14. 
    
15.     // 更新文本
    
16.     Unicode::snprintf(textArea4Buffer, TEXTAREA1_SIZE, "%d", value);
    
17.     textArea4.invalidate();

复制代码

      实际展示效果如图2所示：

图2

不错不错