一、界面布局以及资源添加
% A: C' ~4 h7 |5 y1、创建自定义控件
0 R; K/ Y* I) t: e) x0 h1 }5 ~

1.         这里解释一下为什么要创建两个自定义控件：因为Scroll Wheel控件中
   4 Z& F1 m! E/ }% e% M  l
2.          有可以指定item选中和不选中时的样式。正好是我们最终需要实现的样式，
   # H" ?7 l7 H& X: A/ G# f( `. A4 X
3.          所以我们在这要建两种样式。

复制代码

不选中的item样式
) s, i" S" f6 f6 \


选中的item样式

7 I9 d# `7 V1 ^

1 h  s7 ~; }5 ], w) U# h2、创建主screen界面

5 A, A- S# ?: @( _% H! b
5 X. A+ j' }' s: y
3、Scroll Wheel关键参数设置
  s% O, G& r% \$ Y2 }- r
( U, `- T6 ^7 {2 c/ G4 }6 |0 M* H* f* [备注： 为了方便演示，本工程的背景图直接用的touchgfx界面里自带的图片。

二、功能实现
( f# A: `( n% v- n! F  |; r1、自定义控件设置文本
8 x0 ^# r) k; I/ t

1. 两个自定义控件内都要实现，这里只列出一个。

复制代码

; o2 O8 U% ?" [$ E6 C( D

+ o- d1 c! `3 J, n! D8 V2、实现Scroll Wheel自带的更新虚函数
) w5 y1 f& N0 R' y

1. 下图是Scroll Wheel组件自带的虚函数

复制代码

1. 将其拷贝到Screen1View.h文件中，并在.c文件中实现

复制代码

5 A- t$ ?5 I7 F* v

1.         实现后的代码如下

复制代码

3 `# _* @' C/ O5 b* w/ P' M7 ~
3、主界面的构造函数中添加界面初始化代码
9 W- _2 p4 L3 {2 m, f, P: R5 h8 q7 L


# r3 M1 N7 F* ~2 L/ j2 a

1. //采用参数列表初始化方式
   2 a' J6 j7 G1 [' d1 E4 G
2. Screen1View::Screen1View() :callback(this, &Screen1View::callbackHandle)
   - i1 L2 b+ f. [: D% ]
3. {
   + e$ Z0 u/ ?' w  a
4.          //给scrollWheel1绑定回调函数
   + ~' k/ y  ]  C* L; |
5.         scrollWheel1.setAnimateToCallback(callback);
   
6.          //设置scrollWheel1显示item
   
7.         scrollWheel1.animateToItem(scrollWheel1.getNumberOfItems()/2 );
   
8.         
   
9. }

复制代码

6 T+ x( D, H) ?2 l