
实训的TouchGFX例程效果很炫酷,但是要学会用TouchGFX,还是必须要自行搭建空白例程从零开始学习的。! [7 l% f: b: P. G; V 由于线下实训已经提供了正点原子H7R7所需要的TPA文件,所以在初始化时不需要用到CubeMX,只需要直接选TPA文件创建空白TouchGFX例程即可:9 B x* @& q, t# Z% U1 _3 ~ ![]() 在空白例程中,我打算加入几个功能:1.通过图片按钮切换界面,并且按钮的按下和释放图像是不同的两个图像;2.加入TextArea用于显示硬件代码那边传过来的数值,硬件代码还没开始写,就定义一个tick事件回调函数,这个回调函数是几十毫秒执行一次,用于更新TextArea的数值;3.屏幕来回切换都使用按钮实现,并且动画设置两个不同的。+ L, j6 B5 N1 e ![]() 6 E8 e9 _3 ?9 N9 e. X% I) X3 ? 在创建添加任何控件之前,必须添加一个叫box的控件,可以理解为盒子或者容器,所有的交互控件,比如按钮和TextArea,都必须放在box上面: ![]() 首先是通过图片按钮切换界面这个功能,需要用到flexButton和Button的Interactions(交互),图片按钮也可以设置按下和释放:8 E* s3 J& [/ j v b2 D) \ ![]() + b. Y$ J& a3 S. I& s 通过按钮(图片按钮)来切换界面,可以用TouchGFX自带的ChangeScreen事件,或者添加专属Callback回调函数,如果按钮只用来切换界面那就直接用ChangeScreen事件即可,如果在切换界面的同时还想要通过代码干别的事情,那就用Callback回调函数,但是有个注意点是,使用Callback回调函数来实现切换界面,在不使用Action控件的前提下,必须要注册一个假触发和假事件,如图,使用一个不存在的HardwareButton 0触发来触发ChangeScreen事件,由于硬件部分并没有搭建HardwareButton 0,所以这个触发是个假触发,永远不会发生:( D; f- Y5 p1 g' l% h ![]() . t: \4 G9 q+ d* `1 D# m- r# | 在代码中注册fb_anon1的回调函数fb_anon1_Callback(),这个fb_anon1和相应回调函数的名字是可以自由取的,但是代码注册名和TouchGFX Designer注册名必须一致:8 c. m" V0 W H' |6 f1 A3 y; G. E( h+ R8 P ![]() ![]() , [4 V, ]% X7 P% r7 q# e9 S 值得注意的是,要用TextArea显示变量,还需要注册Wildcard,可以理解为通配符字符串:# P3 W. {1 ~# z' T6 l3 J( ~3 n. L/ s ![]() 9 Q# g6 O! c8 ^" y. t) r2 \3 q' Y 在typographies选项卡里面还需要填写TextArea所用字体的显示范围,我这里填写0x20-0xfe,表示可以显示所有ASCII码:$ Z8 \8 x: ^* Y* b( H O) Z ![]() E; u N, [6 q7 P2 c 然后创建一个Screen2界面,同样是添加box和图片按钮flexButton,把这个flexButton的事件设置为切换为Screen1界面,那样,就实现两个界面通过按钮来回切换了: ![]() 最后,在初始化代码处添加串口初始化代码以及重定义ioputchar代码,以实现串口打印:' I7 t! k/ |# R q3 a/ K% J! L- U ![]() ![]() ![]() * p4 D! ?: C3 _0 C: S 在串口初始化完成之后打印一句UART1.\n: ![]() 模拟器运行效果: ![]() 7 `. Z# E" [ e! {6 L) {4 e 开发板实测运行效果视频我做成gif放在二楼。5 W' `, t/ g9 Y |
拷打cubemx【003】——找不到的芯片包
【2025·STM32峰会】GUI解决方案实训分享5-调通板载的NRF24L01 SPI接口并使用模块进行无线通信(发送和接收)
【2025·STM32峰会】GUI解决方案实训分享4-使用MVP架构从硬件外设读取数据并显示到图形界面、从图形界面发送指令控制硬件外设
【2025·STM32峰会】GUI解决方案实训分享2-编译运行TouchGFX咖啡机例程(含桌面仿真)
【2025·STM32峰会】+TouchGFX实现动态进度显示以及界面切换
STM32峰会:深入践行ST“在中国,为中国”战略,构建STM32双供应链新生态
【2025·STM32峰会】1.参会分享
【2025·STM32峰会】+使用TouchGFX快速创建GUI
【2025·STM32峰会】——MP2实操体验之demo实操篇
【2025·STM32峰会】——MP2实操体验之准备篇
楼主,你这作品,优秀,感谢分享!
优秀的鸭皮