一、界面布局以及资源添加
1、创建自定义控件

1.         这里解释一下为什么要创建两个自定义控件：因为Scroll Wheel控件中
   
2.          有可以指定item选中和不选中时的样式。正好是我们最终需要实现的样式，
   
3.          所以我们在这要建两种样式。

复制代码

不选中的item样式



选中的item样式



2、创建主screen界面



3、Scroll Wheel关键参数设置

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

二、功能实现
1、自定义控件设置文本

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

复制代码

2、实现Scroll Wheel自带的更新虚函数

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

复制代码

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

复制代码

1.         实现后的代码如下

复制代码

3、主界面的构造函数中添加界面初始化代码

1. //采用参数列表初始化方式
   
2. Screen1View::Screen1View() :callback(this, &Screen1View::callbackHandle)
   
3. {
   
4.          //给scrollWheel1绑定回调函数
   
5.         scrollWheel1.setAnimateToCallback(callback);
   
6.          //设置scrollWheel1显示item
   
7.         scrollWheel1.animateToItem(scrollWheel1.getNumberOfItems()/2 );
   
8.         
   
9. }

复制代码