stm32基于TouchGFX的GUI开发(五):(Scroll Wheel)滚轮容器的使用
最终效果图:
文章目录
前言
本章我们将介绍List Layout控件的使用。
提示:以下是本篇文章正文内容,下面案例可供参考
一、界面布局以及资源添加
1、创建自定义控件
这里解释一下为什么要创建两个自定义控件:因为Scroll Wheel控件中
有可以指定item选中和不选中时的样式。正好是我们最终需要实现的样式,
所以我们在这要建两种样式。
不选中的item样式
选中的item样式
2、创建主screen界面
3、Scroll Wheel关键参数设置
备注: 为了方便演示,本工程的背景图直接用的touchgfx界面里自带的图片。
二、功能实现
1、自定义控件设置文本
两个自定义控件内都要实现,这里只列出一个。
2、实现Scroll Wheel自带的更新虚函数
下图是Scroll Wheel组件自带的虚函数
将其拷贝到Screen1View.h文件中,并在.c文件中实现
实现后的代码如下
3、主界面的构造函数中添加界面初始化代码
//采用参数列表初始化方式
Screen1View::Screen1View() :callback(this, &Screen1View::callbackHandle)
{
//给scrollWheel1绑定回调函数
scrollWheel1.setAnimateToCallback(callback);
//设置scrollWheel1显示item
scrollWheel1.animateToItem(scrollWheel1.getNumberOfItems()/2 );
}