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



选中的item样式



2、创建主screen界面



3、Scroll Wheel关键参数设置



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

二、功能实现
1、自定义控件设置文本
两个自定义控件内都要实现，这里只列出一个。



2、实现Scroll Wheel自带的更新虚函数
下图是Scroll Wheel组件自带的虚函数



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



        实现后的代码如下



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. }
   
10. 
    

复制代码