你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

【学习有奖】一大波TouchGFX 实操视频来袭,快速提升你的GUI技能  

[复制链接]
STMCU-管管 发布时间:2023-8-1 14:56
【学习有奖】一大波TouchGFX 实操视频来袭,快速提升你的GUI技能
18.png
TouchGFX 是 ST 的免费开发工具,帮助用户在 STM32 微控制器上创建图形用户界面。该引擎用 C++ 编写,充分利用了 ST 器件上的优化功能。TouchGFX 工作环境是假定用户界面由用户导航的屏幕组成,很直观地反映了用户体验。它应用广泛,可处理 2D 和 3D 对象、视频、动画、过渡等。此外,它还能访问生成代码,让专家级工程师可以优化他们的代码。开发人员如果想查找该工具的某个 API 或可用的开发工具信息,一般会先从TouchGFX 文档开始。+ T$ |; N$ n, K0 m) g; z! C8 X
为帮助嵌入式工程师快速上手TouchGFX,最近,ST会陆续上线一系列的TouchGFX 实操视频,手把手教你如何使用TouchGFX实现各种图形功能,比如:静态图表控件,文本通配符,用滑块控件控制 PWM 输出,利用索引图像格式,使用图形控件显示 ADC 转换值,等等。
& w: N3 t, y7 ?5 s* O3 c4 y* x6 R9 @2 o* H
视频目录:(点击下方蓝色字体,观看TouchGFX 实操视频); e. D  Z6 [8 M/ R' g0 j
$ G/ E, x- w) R, y# I: \
版本更新与功能介绍
8 k3 e3 [8 L+ ?6 M3 E+ |; Y+ M
本组视频主要介绍TouchGFX的基础功能和每个更新版本的新功能,以及如何基于STM32 MCU在图形化界面上开发各种应用。5 Y, B& E* d3 a
2022 STM32线上技术周-你拥有的不仅是STM32,还有超出你预期的人机交互方案: C  o* k/ g7 I7 p
全新TouchGFX图形库— 介绍TouchGFX图形库全新矢量图(SVG)小部件和TouchGFX图形库。- `! j( j& I% W  S' E+ {# o1 A
GUI终端应用介绍 — 介绍基于STM32 MCU在图形化界面上开发的部分产品。
% m( ]. G$ t7 q4 U8 ]STM32高性能MCU与MPU图形应用% Q7 R% v$ {: Y2 m8 J" j
TouchGFX 4.21版更新:TouchGFX Stock和SVG小部件
+ w& B- `* |3 R! D5 L' Y' }TouchGFX Designer 4.20 Release— 演示如何使用TouchGFX 4.20中的自定义容器导入/导出功能。
! \/ ~2 W$ G7 E$ b# H, SX-Cube-TouchGFX版本4.18( q0 {: W0 O, R- L% Y; N0 w* T0 S
TouchGFX Designer 4.18新功能5 F5 v, i& G+ B! o- ]4 q/ y" D2 w
TouchGFX Designer4.17:用户界面更加直观,构建更好的用户界面% `9 O7 p8 A2 }* a9 I
TouchGFX新版本发布V4.12
2 P8 m/ e$ }- w/ hTouchGFX Designer PC Simulator— 该视频将通过TouchGFX Designer基于UI模板的仪表盘示例为大家演示模拟器并演示如何使用各种实用功能。
: q7 g+ H: q$ ]2 n/ _; f( a* x/ L3 j+ k. }( P
控件使用介绍
* s7 ~  Q9 b% a8 k+ o- k
本组视频主要介绍如何使用TouchGFX中的各种控件,比如静态图表控件、文本通配符、滑块控件、滑动容器控件、仪表控件等。
4 _+ s% z4 c+ nTouchGFX 静态图表控件 — 介绍 TouchGFX 4.19 中新增的静态图表控件的一些基本功能。
6 r  w; d5 y7 Z% u5 m: w7 }! Z3 VSTM32 图形:使用文本通配符(第一部分) — 了解如何在 TouchGFX 中使用文本通配符。
3 d% H' X& p6 R7 T$ B3 o5 `STM32 图形:使用文本通配符(第二部分) — 了解如何在 TouchGFX 中使用文本通配符。/ |7 X4 x$ v$ r- |
STM32 图形:如何使用滑块控件控制 PWM 输出 — 了解如何使用滑块控件更新 PWM 占空比。
3 E& ~4 z2 ~" D! [* O3 YSTM32 图形:使用滑动容器控件 — 了解如何在 STM32H735 探索套件上利用 TouchGFX Designer 使用并实现滑动容器控件。
" u/ m8 M+ T5 Z  |STM32 图形:利用索引图像格式 — 了解索引图像格式如何帮助减少外部 Flash 存储器需求并提高图形性能。
6 J1 X3 g- z" W6 H5 J2 XSTM32 图形:仪表控件入门(第一部分) — 学习如何在 STM32G0 平台上使用和自定义 TouchGFX 仪表控件。可将这些概念轻松应用于其他评估板和定制项目。' [: ~7 N: `2 w5 O/ C$ d  D
STM32 图形:仪表控件入门(第二部分)— 学习如何在 STM32G0 平台上使用和自定义 TouchGFX 仪表控件。可将这些概念轻松应用于其他评估板和定制项目。# I) Y% M( Y- ~4 `3 [
STM32 图形:滚动列表控件入门— 了解如何在 TouchGFX 中使用滚动列表控件。: u/ l* o) ~/ u/ r
TouchGFX实例:Cacheable Container5 M; O3 V0 _% I! i9 w# l
STM32图形:滚动列表小部件入门(一)
7 j* Y* W  C. K7 [& XSTM32图形:滚动列表小部件入门(二)% F. ^- K5 {7 D1 s/ h* @; ]7 B" X
STM32图形:滚动列表小部件入门(三)' J* U: k6 ]. k" x! c
TouchGFX 产品特性文本管理 —借助新的增强版式设置,节省时间和复杂性。现在指定排版本身的设置并将字体、大小和每像素位数设置为默认值(对于一千个文本)。
7 k" B4 ?4 D, x5 o/ s0 h& NTouchGFX Designer widget Gauge组件 — 介绍Gauge组件并展示其如何使用。这一控件已添加至TouchGFX 4.16版本中。8 H/ B9 S5 a' p8 J9 n
TouchGFX与底层之间的互动介绍

8 \& b( o3 v# {& Q& Q% N本组视频主要介绍如何通过使用 RTC(实时时钟)、图形控件、设置Octo-SPI外设、缓存存储在SD卡上的位图等方法,实现TouchGFX与底层之间的互动。
" D9 `6 l9 a$ ~: f
2 v6 S% {3 v, k. A7 w$ y
STM32 图形:如何使用带有 AnalogClock 控件的 RTC — 了解如何使用 RTC(实时时钟)外围设备,并使用 AnalogClock 控件显示时间。
- P6 F4 e5 N, P0 B, PSTM32 图形:如何使用图形控件显示 ADC 转换值(第 1 部分) —  了解如何操作和使用 TouchGFX 图形控件来显示 ADC 转换值。在第 1 部分中,我们将在 TouchGFX Designer 中设置图形控件。
  v: ?( R- m, l+ v  [9 b) l) mSTM32 图形:如何使用图形控件显示 ADC 转换值(第 2 部分) —  第 2 部分会为你介绍如何配置 ADC 并将转换值传递至图形控件。/ g" p7 t& {" d0 f6 e: h7 h$ |
STM32 图形:在交互中使用“Hardware button is clicked” — 了解如何操作和使用 TouchGFX 交互设置“Hardware button is clicked”,以便利用 STM32H735G-DK 探索套件将 GUI 和外部硬件按钮添加到项目中。* C5 H$ X* O+ Z6 d, _& L
STM32图形:如何在TouchGFX模板中设置不同的OSPI Flash 第1部分 — 介绍如何在STM32CubeMX中设置Octo-SPI外设。
4 i# D0 v) d  o/ TSTM32图形:如何在TouchGFX模板中设置不同的OSPI Flash 第2部分— 介绍如何初始化Octo-SPI外设并在存储器映射模式下设置Octo-SPI外设。, |+ C. x) z# T( I) @, D
STM32图形:如何在TouchGFX模板中设置不同的OSPI Flash 第3部分 — 介绍如何在STM32CubeMX中设置Octo-SPI外设。" x$ O/ J' L! |5 ]2 t$ r$ q
STM32图形:如何缓存存储在SD卡上的位图 第1部分 — 展示如何设置SD/MMC外围设备,并将FATFS文件系统添加到STM32F746开发板的TouchGFX模板中。. W' E8 Z1 O! \* V
STM32图形:如何缓存存储在SD卡上的位图 第2部分 — 展示如何将存储在SD卡上的位图存储到同步动态随机存储器(SDRAM)中。
; q( }" a# N7 h2 F, USTM32图形:如何缓存存储在SD卡上的位图 第3部分— 演示如何加载并运行二进制文件。
# F/ Q. c: k, u( \3 t: B+ \TouchGFX GUI与硬件交互— 从简介开始,然后对Touch GFX模型进行说明,之后将展示如何创建Touch GFX项目、如何创建屏幕以及如何切换屏幕,最后再为大家展示如何实现硬件与图形用户界面之间的交互。5 C0 j( n3 i  ^7 D. \( q5 n
2 ^2 s. P- ?2 E: p
Demo案例分享

0 s- m# b: q8 S5 ?% G8 A5 A本组视频为大家分享在不同的STM32平台上运行TouchGFX实现GUI的效果演示。
9 F) g; I8 d2 u7 y6 [; V- ^
+ B( L% H* v+ E/ @6 {% l
STM32H750B探索套件上运行TouchGFX效果展示2 `9 q7 }4 t/ S: a4 R) W5 E
三分钟Get TouchGFX- Design, Implement & Run!" b1 `6 J1 r1 X7 D! o# {
STM32G081L GUI Demo演示
6 b! V2 L. s6 N4 a低成本GUI解决方案5 n: g5 U+ ]  \
WB TouchGFX demo$ M0 O* y2 P" s- L$ M$ K
基于Azure RTOS和Threadx TouchGFX的智能家居Demo — 基于Azure RTOS和Threadx TouchGFX的智能家居Demo。
& o7 a( [2 B& nGUI-Demo-STM32H750 — STM32H750 系列微控制器包括一个运行频率高达 280 MHz 的 Arm® Cortex®-M7 内核。使用 GUI 解决方案 Embedded Wizard,您可以非常快速地高效地开发和部署 HMI。只需将按钮、滑块和文本视图等即用型和可自定义的小部件轻松拖放到画布上即可。用动画及其适当的功能丰富它们。只需单击一下即可生成、编译和刷新新应用程序,您就完成了。
; q2 L  o$ h* @) J! y' tGUI-Demo-STM32H7B3
$ a: x, p. i0 i, t  z5 WGUI-STM32MP157 在 4”800*480 MIPI-DSI 显示器上运行由 KDAB 开发的QT图形演示9 [" \+ {& `5 W$ @% ?5 f9 Z2 y
NeoChrom GPU - 全新的2.5D加速器,针对STM32上实现丰富UI进行了大量的硬件优化
1 b( E2 V  n6 [, z1 l- |7 T2022 STM32线上技术周-STM32U5的表盘方案
. T5 e" r- M; i7 b9 V2022 STM32线上技术周-STM32H7的图表方案. J) T. i( l3 d
STM32U599 Neochrom GPU演示1 d5 w5 g  m' G1 h& e
编译环境介绍
1 U4 m4 d9 q8 e/ u
本组视频主要介绍如何将 IAR EWARM 、 Keil uVision 等编译环境用于 TouchGFX 模板。
0 l0 f) j/ }/ e2 u8 |) H2 GSTM32 图形:如何将 IAR EWARM 用于 TouchGFX 模板— 介绍如何使用 IAR EWARM 构建、下载和调试 STM32H7B3I-DK TouchGFX 模板。
  h. d; l' G0 I4 s/ L" i1 t4 @" cSTM32 图形:如何将 Keil uVision 用于 TouchGFX 模板 — 介绍如何使用 Keil uVision 添加外部 Flash 加载程序,然后构建、下载和调试 STM32H7B3I-DK TouchGFX 模板。" ^' S0 R$ a2 I! w$ L

/ k& b& S, ]2 E5 {
学习有奖

  B) x1 O' {7 X* n9 c4 d打卡上方学习视频,截图回复本帖,有奖:
, }0 \+ @9 m5 v  `3 K9 y连续打卡5天,获得300ST金币
' |, w3 f& a; i# A$ m2 `, L连续打卡8天,获得700ST金币' @# V, j5 S* v3 V, i5 q
连续打卡10天,获得ST开发板一块(前10名)
- g- D* Y3 R5 l5 J9 V8 N5 t* n" F2 _3 c

2 R0 k  k9 _" J1 v" {
; }6 i+ R& C  {- G  Y8 @9 c
9 X7 u9 J" b" |
$ \" r# W. i( ]% y2 N8 X+ B
收藏 1 评论155 发布时间:2023-8-1 14:56

举报

155个回答
EPTmachine 回答时间:2023-8-10 09:06:00

image.png

image.png活动第10天打卡

EPTmachine 回答时间:2023-8-3 07:06:01

image.pngimage.png活动第三天打卡

EPTmachine 回答时间:2023-8-2 06:59:40

image.png

image.png

活动第二天打卡

EPTmachine 回答时间:2023-8-1 15:07:22

image.png

活动第一天打卡

A峰A 回答时间:2023-8-1 16:37:32

Snipaste_2023-08-01_16-36-16.png

dvacos 回答时间:2023-8-1 16:45:42

8.1 day1

image.png

bitterheart 回答时间:2023-8-1 17:00:22

image.png

打卡 day1 8月1号

kmxm 回答时间:2023-8-1 22:01:08

打卡image.png

image.png
chat 回答时间:2023-8-1 23:25:34

1.png

8.1

zbcd 回答时间:2023-8-1 23:27:43

1.png

day 1

dvacos 回答时间:2023-8-2 09:33:19

8.2 day 2

image.png

A峰A 回答时间:2023-8-2 09:39:42

Snipaste_2023-08-02_09-39-22.png

STMWoodData 回答时间:2023-8-2 09:55:03

签到签到

STMWoodData 回答时间:2023-8-2 09:56:06

image.png

STMWoodData 回答时间:2023-8-2 09:57:13

image.png

落花又见流水 回答时间:2023-8-2 10:12:42

image.png

关于意法半导体
我们是谁
投资者关系
意法半导体可持续发展举措
创新和工艺
招聘信息
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
关注我们
st-img 微信公众号
st-img 手机版