最近，ST TouchGFX 实操系列视频又上新了一个新的视频合集《如何使用TouchGFX》，视频课程展示了如何利用TouchGFX设计器和TouchGFX引擎功能来实现高阶图形用户界面的常用实操技巧,包括: 如何安装TouchGFX Designer和STM32Cube软件环境、如何创建图形用户界面（GUI )、如何实现可点击的区域功能、如何移动控件和实现控件的淡入淡出, 以及如何使用TouchGFX节省Flash存储器内存等技能分享。想让你在STM32单片机上开发GUI设计技巧技能再次飙升吗？赶快学起来吧！
% h+ z% B3 H$ ?3 `6 Z5 H打卡学习有礼
$ H' p5 W, Z$ e6 o! R" W学习时间：12月18日-1月10日
1、每日学习打卡，评论区发布学习截图和圈出重点，抽5位送礼品
2、发布一篇TouchGFX的学习使用流程，挑选一位提供STM32F746-Disco板一块做GUI

% P1 f" ~  F; F& r3 @/ n- b
) J& N& x8 J$ }1 k7 c8 p3 V

如何安装TouchGFX Designer和STM32Cube软件环境
  \5 d( [  j1 n本视频主要介绍如何安装TouchGFX Designer和STM32Cube软件环境：首先需要下载几款软件，然后使用TouchGFX Designer开始创建图形用户界面，完成后可以在CubeMX中添加一个特定的软件包，然后安装所有这些软件。

9 L: j, B: R* L

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

. L  ^' q% i1 L6 j2 ~4 W( U

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

移动控件的三种方法

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

控件的淡入淡出

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

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

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

2 W, m) w8 p. Y0 J  ?" X  u. l6 ^

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

. |& g1 r1 w# ~/ f" x

( I5 a6 `: G  V; _6 \

, A! N3 u0 `; t, c+ n

5 M" U' E6 W8 f. d- D; w& s

学习《如何使用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版本)的方式方法，相比在官方网站下载，这种方式下载要容易很多的。

学习打卡第十天

今天看着实现淡入浅出的视频，制作了一简短的动画，实现了按下flex button按键，控制画面中的图形移动的功能。

谈一下学习的过程：总体来说老师讲的很详细，美中不足的是，老师讲的速度些许快，从基本的控件位置的设定，控件的功能配置，讲的很好。我觉得这种要是可以一直循环播放就好了。

自己参考视频制作了一个类似的效果，虽然没有开发板，不过有模拟软件也是看到效果的。

图三为按下flex button控件，正方形控件移动到屏幕中间位置

版本确实有影响

学习如何安装

学习打卡第一天：学习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