教你如何使用TouchGFX之快速创建滑动应用

一、STM32+TouchGFX方案介绍

TouchGFX

我们知道，相对于手机的Application Processor，MCU的资源是非常有限的，包括CPU速度，内存等等，都无法和AP相提并论。

作为MCU的核心，CPU在我们的应用中扮演了极其重要的角色。通常GUI应用会伴随着大量的数据处理，如图形拷贝，像素混合等等，如果CPU被这些处理占用，则会影响到软件其他应用的执行。

1.TouchGFX介绍

2.TouchGFX的带来的好处

TouchGFX重点关注的就是减轻CPU的负载，在不过多占用CPU的前提下，可以构建出美观的动态人机界面。

为实现这个目标，TouchGFX通过大量使用位图来实现动态效果，由于Flash价格相对低廉，可以将这些位图存储于外部Flash。当应用运行时，这些位图会被TouchGFX通过STM32独有的硬件图形加速器Chrom-ART进行填充，拷贝，渲染，合成等处理，这个加速器工作起来类似于STM32传统的DMA，CPU只需要对寄存器进行简单配置并下发启动指令，然后就可以去处理用户的其他任务，通过这种操作，将CPU从庞大复杂的像素运算中解放出来，极大的降低图形任务对CPU的占用率。

3.非常低的内存消耗

4.所见即所得的开发环境

5.丰富的UI设计例程供评估

二、使用TouchGFX快速创建滑动示例

应用需求

1.界面1实现通过拖动水平进度条来改变圆形进度条的效果

2.界面2实现一个动图显示的效果

3.界面3实现一个通过按钮来模拟控制洗衣机启动/停止的效果

界面1

界面2

界面3

资源准备

3个界面图片资源(PNG格式)

Page 1 

Page 2

page3

应用开发(TouchGFX Designer)

1.新建项目

选择STM32F746G Discovery Kit 作为硬件平台模板

选择Blank UI作为UI模板

2.导入素材

3.添加滑动控件

（点击视频查看详细操作）

界面1、2、3的实现

最终效果

点击阅读原文，进行Demo、视频资料等资源下载