一、界面布局以及资源添加
1、创建自定义控件
这里解释一下为什么要创建两个自定义控件：因为Scroll Wheel控件中有可以指定item选中和不选中时的样式。正好是我们最终需要实现的样式，所以我们在这要建两种样式。
8 w+ w4 T, l! x' h0 W9 D' `不选中的item样式



* z) }6 \, h3 E: A) N6 R3 Q; j7 L选中的item样式


% d, n1 ~6 V% S1 H9 Y' E
) O$ V  q, U; r$ M: G2 w& C! D2、创建主screen界面
! B1 k! _7 D" r) _

0 H5 a/ X# u& Y0 x
3、Scroll Wheel关键参数设置
1 A) U% c* w1 w9 e
& R1 L8 @3 A7 i+ S$ M% M7 y# t

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

二、功能实现
/ _( J- T  v7 r& k8 A3 p% c1、自定义控件设置文本
两个自定义控件内都要实现，这里只列出一个。

8 O  S4 o7 t- }; s( \+ G
: \8 X) M" q8 c
$ I. m: g5 X! ^7 x3 e0 V* F2、实现Scroll Wheel自带的更新虚函数
下图是Scroll Wheel组件自带的虚函数
! |" D4 n- y2 m& V8 D5 |


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



        实现后的代码如下
! k" d  X" s4 L4 G8 Y# L


; t, A. I0 s7 w& y4 p4 J/ {/ n3、主界面的构造函数中添加界面初始化代码
6 d  S+ v7 n2 ^, {& Z$ M

4 G: f  M! V3 ]# C9 p) ~

1. //采用参数列表初始化方式
   
2. Screen1View::Screen1View() :callback(this, &Screen1View::callbackHandle)
   
3. {
   ) [5 \! M1 u5 @) _, Z- X
4.          //给scrollWheel1绑定回调函数
   
5.         scrollWheel1.setAnimateToCallback(callback);
   
6.          //设置scrollWheel1显示item
   3 q# @3 h6 h! z5 h
7.         scrollWheel1.animateToItem(scrollWheel1.getNumberOfItems()/2 );
   ! H8 B7 V+ ^/ |+ O. H) d
8.         
   3 B7 p/ r# N' p4 ~4 s
9. }
   & I) G; r; a+ y) \4 q0 f- }
10. 
    3 d/ K- f. y* y0 ^2 V

复制代码

$ `% Z7 D- x; q/ N+ g
# p0 j3 G/ @! C
; w4 i' B: ]' U6 ?