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

[STM32H735G-DK评测]三、TouchGFX初体验,图片切换

[复制链接]
patch1582 发布时间:2026-9-6 21:44
从b站找了STM官方账号中的TouchGFX进行学习。, B; t# Q0 R( |3 w0 T

% y4 j2 v+ N$ h) |6 o下载安装了TouchGFX4.26.1和STMCubeProgrammer_Win64。
' Q0 Y* \2 M: `  v- d$ ]8 h
5 ~" W8 n0 }  P' U在TouchGFX中新建两个Screen,分别取名为Screen1和Screen2' u% S# b7 H+ O: p# R6 M4 _$ `

, l# Q' k! S/ T. `: I7 X+ @在其中分别插入两个控件,pictrue和button。如下图。3 O* n2 W! H2 a0 _4 W& s2 t( ]9 m( }

$ \- h" N$ w4 C! b* w$ A image.png
5 R/ C3 ?" k4 _1 J) ]$ j" q0 l# _5 t- r6 c: j
7 \% H! c) D( d6 c0 P9 V& \# S
! N- _1 p: ^$ _
图片需要提前处理为480*272像素,保存格式为png。名称首位不能是数字,字符即可。* l/ d% u. w6 d+ X  @6 Y; i
2 _2 v6 F) ~  Q
从左侧picture命令中加入两张图片,先加入后才能在Canvas中调用
6 K- \! Q  b: m8 h( B. j  N4 i6 k' p% J( |
image.png
  q* b8 n  x# J; p7 z" E$ @! z- x# r$ b: H$ d- N) _- r: G
在button的intraction中进行配置,实现screen切换,如下图
# @! n& _, y7 F' `8 Z! y1 L( r6 w/ q  ^8 E/ D
9 S( R# f/ V$ A& s6 {# n( n% S
最终实现效果如下
1 L' t* N6 j8 S/ c/ o7 |! Z2 l8 X) W, Z7 [" S+ z1 z/ S
image.png
赞 收藏 评论0 发布时间:2026-9-6 21:44

举报

0个回答
关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
人形机器人运动控制、感知与智能配电
半导体创新技术与应用方向
EE架构与软件定义汽车
12V/48V 汽车智能配电(SPD)
区域控制单元(ZCU)与分区架构
关注我们
st-img 微信公众号
st-img 手机版