本帖最后由 STM新闻官 于 2024-12-9 11:41 编辑
酷炫动效，触手可得
最近，ST TouchGFX 实操系列视频又上新了一个新的视频合集《如何使用TouchGFX》，视频课程展示了如何利用TouchGFX设计器和TouchGFX引擎功能来实现高阶图形用户界面的常用实操技巧,包括: 如何安装TouchGFX Designer和STM32Cube软件环境、如何创建图形用户界面（GUI )、如何实现可点击的区域功能、如何移动控件和实现控件的淡入淡出, 以及如何使用TouchGFX节省Flash存储器内存等技能分享。
想让你在STM32单片机上开发GUI设计技巧技能再次飙升吗？赶快学起来吧！▲ 点击图片，学习TouchGFX实用操作
STM32 B站目前已有的“STM32GUI应用开发与实践”资源合集，包括：（请用电脑浏览器打开）
◆ STM32GUI-如何使用TouchGFX视频
◆ STM32GUI-STM32 & X-Cube-TouchGFX GUI 开发实践
◆ STM32GUI-体验使用TouchGFX进行UI开发
如何安装TouchGFX Designer和STM32Cube软件环境
本视频主要介绍如何安装TouchGFX Designer和STM32Cube软件环境：首先需要下载几款软件，然后使用TouchGFX Designer开始创建图形用户界面，完成后可以在CubeMX中添加一个特定的软件包，然后安装所有这些软件。
▲ 点击图片观看视频
如何创建用户界面（GUI）
本视频介绍如何创建一个非常简单的用户界面，比如只有一个按钮和一些交互功能。主要步骤包括：首先使用TouchGFX Designer开始创建GUI，并将创建的GUI固件烧录到目标开发板上，完成后在CubelDE上进行编译。
▲ 点击图片观看视频 或者点击进入B站观看视频。
如何点击没有可见控件的区域
本视频介绍如何使显示屏上的某个区域，即使在该位置没有可见控件的情况下也能被点击。视频将展示如何使用空白的FlexButton控件或Container控件使GUI的某个区域可点击。该技巧很实用，可以让显示屏的一部分对点击操作做出响应，或增大用户可触摸的范围以发起一个动作。
▲ 点击图片观看视频
移动控件的三种方法
本视频主要介绍如何移动控件以及几种移动及动画处理控件的方法，包括简单的示例（例如如何将控件从A点顺畅地移动到B点）和复杂一些的示例（例如，如何让控件沿半圆轨迹移动）。视频还将展现最终所实现的美观效果。
▲ 点击图片观看视频
控件的淡入淡出
本视频介绍实现淡入淡出一个控件的三种方法，以及如何设置alpha值来修改透明度，并创建了多个示例，既有简单的，也有复杂一些的，同时还会探讨缓动方程。演示先使用内置的交互获得一个简短的动画，然后使用FadeAnimator混入实现对透明度的完全控制。最后，在handleTickEvent函数中使用了setAlpha方法，将动画放到代码内。
▲ 点击图片观看视频
如何使用TouchGFX节省Flash存储器内存
本视频内容面向希望优化手中项目，且已经掌握一定的TouchGFX基础知识的用户。视频为向大家介绍如何通过L8颜色格式化，图像压缩、SVG图像以及矢量字体四项功能，在保留具有吸引力的UI和出色性能的同时，节省90%以上的Flash存储器内存。
▲ 点击图片观看视频
《如何使用TouchGFX》合集内容会在我们以下官方网站上持续更新: 想让你的嵌入式GUI设计技能再次飙升吗？赶快学起来吧！
| 
楼主
标题置顶
标题高亮
