1、简介

初学者在学习使用TouchGFX工具设计GUI应用时，一般常用ST官方带有屏幕的评估板，因为TouchGFX的原生工程均支持这些评估板，不需要做额外的屏幕驱动、GUI刷新等事项。如果将TouchGFX应用移植到自定义屏幕就得做相应修改，如TouchGFX模版工程需要由CubeMX创建等

2、先决条件

ST开发板已经实现RGB屏幕的驱动显示，对外提供图像数据写入函数、窗体位置及大小设置函数

示例屏幕：

2.4寸屏幕 320*240像素

屏幕驱动IC ST7789

3、CubeMX工程设置

使能定时器7，用于touchgfx屏幕刷新的tick心跳

定时间隔为10ms，使能定时器中断

勾选CRC

勾选touchgfx组件库

水平像素为320，垂直像素240，颜色制式RGB565

目标IDE选为Keil，此时生成的keil工程编译会有报错

因为需要使用touchgfx创建一个屏幕并编译生成完整的gfx工程

使用touchgfx打开以下gfx工程

添加BOX控件，并填充任意颜色

点击右下红框编译，此后keil工程编译便不会报错了

4、GUI设计

屏幕添加两个图片控件，图一为背景静态图，图2为动态图，随着时间会不断从边缘移动到屏幕中间

添加交互事件，触发方式为每经过N个tick心跳就移动图2所在的窗体

gfx仿真效果

实际运行效果

学到了，不过这个特效的帧数感觉有点低啊，是主频没拉高吗

电子烂人 发表于 2025-2-14 10:54
学到了，不过这个特效的帧数感觉有点低啊，是主频没拉高吗

主频为最高，可能是程序内的帧刷新逻辑没调好