最近，ST TouchGFX 实操系列视频又上新了一个新的视频合集《如何使用TouchGFX》，视频课程展示了如何利用TouchGFX设计器和TouchGFX引擎功能来实现高阶图形用户界面的常用实操技巧,包括: 如何安装TouchGFX Designer和STM32Cube软件环境、如何创建图形用户界面（GUI )、如何实现可点击的区域功能、如何移动控件和实现控件的淡入淡出, 以及如何使用TouchGFX节省Flash存储器内存等技能分享。想让你在STM32单片机上开发GUI设计技巧技能再次飙升吗？赶快学起来吧！
! w( {  c( [1 O/ _7 e打卡学习有礼
学习时间：12月18日-1月10日
1、每日学习打卡，评论区发布学习截图和圈出重点，抽5位送礼品
7 u) H) y+ f2 |0 J6 h; \3 Z2、发布一篇TouchGFX的学习使用流程，挑选一位提供STM32F746-Disco板一块做GUI
; _5 D/ g0 x! I* ?  w- G

6 v  T& u; z1 Q# N( w

如何安装TouchGFX Designer和STM32Cube软件环境
: e, }) J4 M! \8 V* e本视频主要介绍如何安装TouchGFX Designer和STM32Cube软件环境：首先需要下载几款软件，然后使用TouchGFX Designer开始创建图形用户界面，完成后可以在CubeMX中添加一个特定的软件包，然后安装所有这些软件。

: T  g# M$ @3 p( h: `

如何创建用户界面（GUI）
本视频介绍如何创建一个非常简单的用户界面，比如只有一个按钮和一些交互功能。主要步骤包括：首先使用TouchGFX Designer开始创建GUI，并将创建的GUI固件烧录到目标开发板上，完成后在CubelDE上进行编译。

如何点击没有可见控件的区域
本视频介绍如何使显示屏上的某个区域，即使在该位置没有可见控件的情况下也能被点击。视频将展示如何使用空白的FlexButton控件或Container控件使GUI的某个区域可点击。该技巧很实用，可以让显示屏的一部分对点击操作做出响应，或增大用户可触摸的范围以发起一个动作。

1 E7 @0 K( |5 B

移动控件的三种方法

本视频主要介绍如何移动控件以及几种移动及动画处理控件的方法，包括简单的示例（例如如何将控件从A点顺畅地移动到B点）和复杂一些的示例（例如，如何让控件沿半圆轨迹移动）。视频还将展现最终所实现的美观效果。

2 h' ]8 v( a$ I+ z9 |- w

控件的淡入淡出

本视频介绍实现淡入淡出一个控件的三种方法，以及如何设置alpha值来修改透明度，并创建了多个示例，既有简单的，也有复杂一些的，同时还会探讨缓动方程。演示先使用内置的交互获得一个简短的动画，然后使用FadeAnimator混入实现对透明度的完全控制。最后，在handleTickEvent函数中使用了setAlpha方法，将动画放到代码内。

STM32图形：如何在TouchGFX模板中设置不同的OSPI Flash

该视频分为3个部分，第1部分将介绍如何在STM32CubeMX中设置Octo-SPI外设。第2部分将介绍如何初始化Octo-SPI外设并在存储器映射模式下设置Octo-SPI外设。第3部分将介绍如何为IS25LX256 OCTOSPI Flash 构建外部Flash loader。

  h+ B7 X$ G+ S, {# p4 M; q. {) e! Z

TouchGFX你学会使用了吗？速来打卡学习吧！

/ y  E1 Q8 _6 r/ V8 \" j  \: R

$ l3 g: j( G+ B7 X# Z( P% \

; j9 p! v! r/ x! F0 c
6 g! y8 b. ~9 m# F4 Q2 ?1 }

学习《如何使用TouchGFX》打开第二天：

今天跟着视频学习了，如何在软件上面设置一个简单界面，设置图片的分辨率，添加图片的大小，放置按键等等。使用模拟的软件查看功能是否正常，然后如果有开发板的话就好了，可以实际的去看看下载到板子里面的情况。

本节视频的重点就是：基本的gui的设计、添加图片和按键设置属性的问题，再有就是使用编程软件烧录到开发板里面，生成代码时候，共有mdk keil ,stm32 cube ide 和IAR三种不同的编程软件供用户使用，最重要的是可以使用模拟软件查看设计gui的效果。

最后我这边有个疑问，要是自己设计的开发板与官方的开发板IO口引脚不一致时，软件上面可以自行配置IO口的引脚功能吗？不知道在以后学**能不能解决。

打卡《如何使用TouchGFX》第一天：

该视频主要是讲解在学习STM32 touchGFX软件需要的四种软件：STM32cube（6.13版本）

，STM32 touchGFX(2.41.0版本)、STM32 cube　IDE(相比之下，我这边对keil比较熟悉些)和官方提供的批量下载软件　STM32CubeProgrammer的下载工具。除图形化编程软件外，其他软件我这边早就安装过了。

当前我们在下载官方软件时候需要注册一个ST论坛的账号，这个账号在ST的生态社区是通用的，建议大家有需要的注册一下，对自己的学习STM32帮助很大。

学到了在STMcube软件中，安装STM32 touchGFX(2.41.0版本)的方式方法，相比在官方网站下载，这种方式下载要容易很多的。

打卡《如何使用TouchGFX》第三天：

今天学到了在空白得地方使用FlexButton控件或Container控件两种控制对完成界面得切换，相比之前按钮操作方式，可以是屏幕上面得某一区域完成点击操作的功能，个人感觉这种操作方式就是把按键框隐藏起来得效果一样，对于一些小屏幕上面不适用放置过大的按键，这种操作方式有了更多的选择，视频中对软件生成的代码也做了一些简单的讲解，方便我们学习了解。

本节课的重点就是讲解FlexButton控件或Container控件两个控件的学习，以及回调函数的编写。

版本确实有影响

学习如何安装

学习打卡第一天：学习touch GFX 的四种软件的安装过程，及其注意事项，安装到C盘

下载安装四个软件 1、STM32cubeMX 2、cubeProgrammer 3、cube IDE 4、TouchGFX

打卡学习TouchGFX

打卡第一天，学习如何安装TouchGFX

打卡学**装TouchGFX Designer和STM32Cube软件环境的过程，安装软件选择没有空格的安装路径，否则安装程序可能会报错。

打卡学习如何安装TouchGFX。安装完成后，可以在STM32CubeMX中安装所需的软件包，如TouchGFX Generater软件包。

打卡学习

如何创建用户界面（GUI） 1、在TouchGFX创建GUI 2、在TouchGFX仿真效果 3、在TouchGFX导出工程 4、在CubeIDE编译 5、将编译创建的GUI固件烧录到目标板

打卡学习界面UI