LAT1212
Local Application Tips
LAT1212– Rev 1.0 – Jan. 2023
STM32GUI TouchGFX 屏幕切换功能简介
关键字：GUI，TouchGFX，Transition
1. 引言
TouchGFX 是专用于 STM32 的图形界面设计软件，可基于低成本开发优秀的图形界面，而
且它已变的越来越流行。为了帮助客户更加深入地理解和使用 TouchGFX ，本文针对
TouchGFX 屏幕切换的实现方式进行了介绍。通过简析基本例程“Transition Example”的源
码，剖析其中切屏实现的流程；并简介了如何使用 TouchGFX Designer 快捷地修改屏幕切换模
式，希望能帮助客户更好地使用 TouchGFX 切屏特色与功能。
2. TouchGFX 屏幕切换功能
2.1. TouchGFX Transition 类介绍
TouchGFX 框架中关于屏幕切换功能，实现了一个 Transition 基类和五个派生类，其关系如
下图图 1 所示。其中，Transition 是切屏的抽象基类，定义了屏幕切换期间发生的基本事务。虚
函数主要包括：Init（初始化）、tearDown（销毁，切屏完成需要的清理过程）、
handleTickEvent（Tick 事件处理函数，主要用于完成切屏的动画效果）、invalidate（失效，用
于重绘）等。五个派生类，其中 NoTransition 是最基本的派生类，它没有任何视觉效果，当前屏
幕会直接被新屏内容替换。另外四个派生类则具有动画效果：BlockTransition、
CoverTransition、SlideTransition 和 WipeTransition。
图1. TouchGFX Transition 类继承关系
BlockTransition 将屏幕分成 8x6 份块，在屏幕切换时会每次随机重绘其中的 2 个块，比较节
省 MCU 资源，适合性能不高的 MCU；CoverTransition 的动画效果是“新屏画面从一个方向移
Transition
属性：screenContainer
done
方法：init / invalidate
handleTickEvent
tearDown
CoverTransition
属性：
方法：
BlockTransition
属性：
方法：
SlideTransition
属性：
方法：
WipeTransition
属性：
方法：
NoTransition
属性：
方法：
剩余9页未读，继续阅读
资源评论
