一、界面布局以及资源添加
1、创建自定义控件
; g" |- V3 e$ S1 S1 ^这里解释一下为什么要创建两个自定义控件：因为Scroll Wheel控件中有可以指定item选中和不选中时的样式。正好是我们最终需要实现的样式，所以我们在这要建两种样式。
不选中的item样式



. M# L, E* ?3 ]+ R  S2 X# U" A选中的item样式



2、创建主screen界面
+ E8 T' e% }: E. j/ v2 f2 X


3、Scroll Wheel关键参数设置

+ o8 b1 h3 f1 d1 D( j+ Q' k

备注： 为了方便演示，本工程的背景图直接用的touchgfx界面里自带的图片。

二、功能实现
1、自定义控件设置文本
两个自定义控件内都要实现，这里只列出一个。
, ~$ Y2 h. Q3 z% s


- h3 P- F; b: f! e# o1 m2、实现Scroll Wheel自带的更新虚函数
下图是Scroll Wheel组件自带的虚函数


0 c2 y# [2 j- h" v% [1 i
, N: e( y( D& P0 L将其拷贝到Screen1View.h文件中，并在.c文件中实现
3 k/ w" x! c* e) j1 l4 {2 }


8 p& I9 e& s2 E3 ]        实现后的代码如下
2 `: j) S; @0 q

' i% r7 e6 \( z5 e6 A
4 s, v: s! C2 j9 |8 T3、主界面的构造函数中添加界面初始化代码
2 g: S* n1 [' ^4 ?4 f: |0 B
+ x1 m6 y) D8 D+ I8 X
3 B4 A- ~' n9 n* T2 Q8 k% T+ {
1 k( n7 B8 O1 h; n3 K. S* x

1. //采用参数列表初始化方式
   
2. Screen1View::Screen1View() :callback(this, &Screen1View::callbackHandle)
   ; D3 q; Q6 U3 w* E
3. {
   
4.          //给scrollWheel1绑定回调函数
   
5.         scrollWheel1.setAnimateToCallback(callback);
   
6.          //设置scrollWheel1显示item
   4 i8 E% R: [1 k) i$ e
7.         scrollWheel1.animateToItem(scrollWheel1.getNumberOfItems()/2 );
   
8.         
   : ^! D5 f) j8 X; K
9. }
   
10. 
    8 ^1 d3 B4 m, l# a) @

复制代码

3 Q$ g- ]2 f* g

* q: ^7 x& _  n" h6 Q6 A