TouchGFX 简单界面设计_按键控制光圈移动

fightingboon · 2020-03-27T06:57:00+00:00

【TouchGFX 简单界面设计】按键控制光圈移动1 l7 x$ b; ]% Y0 N: v 很高兴能体验下 ToughGFX 这个GUI 软件，之前用类似软件用的少，这次想趁这个机会提高一下。正好手头上有 F746 的带屏的开发板，打算做一个四个按键控制中间圈圈移动的一个demo。 , I) o t+ u3 `一、拖入 logo，logo 拖入需在下面的图片位置添加。同时添加按键和圈圈。因为背景是透明的，于是我又加了个 BOX，白色的。左上角那栏里显示拖入的控件。四个按键，一个圈圈，一个 BOX。4 l7 O4 _4 I; H! \5 n% h ) J0 ]9 f, q+ d: w 未加 BOX 的效果如下。 $ s/ A; t/ ?) w0 y0 j* X" G 1 }( j9 ?5 C) ]6 L; i+ L. d 二、圈圈的属性如下图，设置了颜色和线宽。 3 H* q9 ~+ `3 g 8 ]0 @7 h2 q, b3 q 按键的属性如下图，设置了样式和按键上的文字。( A0 {. y/ }! ~ ! l$ x; s7 { u BOX的属性如下图，白色，背景全覆盖。 & q( n1 U( H( I" E4 i: Y5 p 3 N; H# u2 J' r0 ?/ j0 T, } logo 的属性/ y& t1 b1 t7 v* @, n & ^8 ^0 N9 s, z 三、都加入之后在属性边上还有一栏，是控件的交互属性。 + z8 \0 {6 H8 R* L" ]) O作者是通过按键控制的，增加按键的交互属性。下图是作者增加的四个交互属性。# P; ?1 T3 w6 _- U' P2 a3 E& J 2 z$ T- p* z( c% Q 本打算弄个连续上移，没找到合适的选项，找到一个回调函数可以干这个，需要在程序里操作了，我试着生成代码，默认的是 IAR，代码时 C++，留给下次帖子用吧。先生成个固定位置移动，如下图。移动的位置见坐标。 , c5 m! O- Y1 u- p" ? ; R3 i `; M0 `圈圈上移、右移、左移，都在 1 秒内完成。 3 z; M( ?7 }3 L; Y( P" b' w四、完成后先模拟一下，模拟界面如下图，模拟视频见附件。: p. I* j. ^* H+ Z7 p ( l2 o+ g& _4 T) K D. [! @. l; c 看模拟的视频效果还不错，接着下到板子里吧。视频如下， . u7 D: y$ |7 s3 N# O1 q到此，简单的 demo 就完成了，还是非常方便的，用不了多少时间就能开发出个简单的界面，关键是能仿真，下到板子里直接能用。这个太强大了，不用为初始化代码而烦恼，不过这个是官方评估板，期待在自己设计的板子上的表现。 TouchGFX_ç®åçé¢è®¾è®¡_æé®æ§å¶å åç§»å¨.pdf (460.57 KB, 下载次数: 9) 2020-3-27 14:54 上传点击文件名下载附件 M+ O+ ~9 Z+ Z! M5 l6 X! Z% s 点击下载全文>>更多实战经验>> 0 a8 j# B$ Q5 r! D; J1 A2 k6 [0 y/ |% O& }* q: {) _: ^ K 9 B2 K4 q: y2 J

[复制链接]

fightingboon 发布时间：2020-3-27 14:57

技术帖
文章封面:	-
文章简介:	-

【TouchGFX 简单界面设计】按键控制光圈移动

很高兴能体验下 ToughGFX 这个GUI 软件，之前用类似软件用的少，这次想趁这个机会提高一下。正好手头上有 F746 的带屏的开发板，打算做一个四个按键控制中间圈圈移动的一个demo。

一、拖入 logo，logo 拖入需在下面的图片位置添加。同时添加按键和圈圈。因为背景是透明的，于是我又加了个 BOX，白色的。左上角那栏里显示拖入的控件。四个按键，一个圈圈，一个 BOX。

未加 BOX 的效果如下。

二、圈圈的属性如下图，设置了颜色和线宽。

按键的属性如下图，设置了样式和按键上的文字。

BOX的属性如下图，白色，背景全覆盖。

logo 的属性

三、都加入之后在属性边上还有一栏，是控件的交互属性。

作者是通过按键控制的，增加按键的交互属性。下图是作者增加的四个交互属性。

本打算弄个连续上移，没找到合适的选项，找到一个回调函数可以干这个，需要在程序里操作了，我试着生成代码，默认的是 IAR，代码时 C++，留给下次帖子用吧。先生成个固定位置移动，如下图。移动的位置见坐标。

圈圈上移、右移、左移，都在 1 秒内完成。

四、完成后先模拟一下，模拟界面如下图，模拟视频见附件。

看模拟的视频效果还不错，接着下到板子里吧。视频如下，

到此，简单的 demo 就完成了，还是非常方便的，用不了多少时间就能开发出个简单的界

面，关键是能仿真，下到板子里直接能用。这个太强大了，不用为初始化代码而烦恼，不过这个是官方评估板，期待在自己设计的板子上的表现。

TouchGFX_ç®åçé¢è®¾è®¡_æé®æ§å¶ååç§»å¨.pdf (460.57 KB, 下载次数: 9)

赞收藏评论2 发布时间：2020-3-27 14:57

2个回答

bjflsk 回答时间：2020-6-27 23:50:27

谢谢分享！

赞评论

小小超回答时间：2020-6-28 09:36:16

感谢分享！！

赞评论

所属标签

STM32团队

意法半导体微控制器和微处理器拥有广泛的产品线，包含低成本的8位单片机和基于ARM® Cortex®-M0、M0+、M3、M4、M33、M7及A7内核并具备丰富外设选择的32位微控制器及微处理器。关注该话题即可发布文章！