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

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

[复制链接]
fightingboon 发布时间:2020-3-27 14:57
【TouchGFX 简单界面设计】按键控制光圈移动

3 ?9 t- J/ ?* c( c/ K& {
很高兴能体验下 ToughGFX 这个GUI 软件,之前用类似软件用的少,这次想趁这个机会提高一下。 正好手头上有 F746 的带屏的开发板,打算做一个四个按键控制中间圈圈移动的一个demo。
( V/ \+ f# h. p5 u6 }% F
一、拖入 logo,logo 拖入需在下面的图片位置添加。同时添加按键和圈圈。因为背景是透明的,于是我又加了个 BOX,白色的。左上角那栏里显示拖入的控件。四个按键,一个圈圈,一个 BOX。

- M3 K# \2 u/ o( Y/ [& E
11.png

* r0 ?3 h7 b3 _' }- [
未加 BOX 的效果如下。
3 I2 O. Z) [% r# X: K+ u
22.png
+ b* v' S6 w0 ]0 r7 f' W* ^
二、圈圈的属性如下图,设置了颜色和线宽。

; }* G7 B  c3 x5 ?1 s, C
33.png
+ W8 z3 S) x0 l' S
按键的属性如下图,设置了样式和按键上的文字。
, N2 f' i$ ?1 `; B8 R: r
44.png
' F0 Q: O8 d. t3 r* t8 G1 ]
BOX的属性如下图,白色,背景全覆盖。
" O) n: s4 n* I# \( ~# [1 Y
55.png

: I8 n2 W! E6 ?9 A( N
logo 的属性

4 D& ]8 b, i1 b6 |( w4 A
66.png
' [1 c( N9 U- E# B! L& X5 E+ x/ s' o
三、都加入之后在属性边上还有一栏,是控件的交互属性。
5 a& z- `! V2 B( \0 u. |7 z7 u
作者是通过按键控制的,增加按键的交互属性。下图是作者增加的四个交互属性。

# i+ Z& n! o% b2 V$ U
77.png

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

& E) Z# U( R1 Z) v& ~9 u4 N5 E
88.png

* Y" Q8 ?3 r3 `7 W2 }9 Z7 @
圈圈上移、右移、左移,都在 1 秒内完成。

: A# c( W) `, m( S
四、完成后先模拟一下,模拟界面如下图,模拟视频见附件。
6 ]7 o, D  W% v' S/ u$ ]* T
99.png
$ \7 |5 ?1 L$ O  T' u. D
看模拟的视频效果还不错,接着下到板子里吧。视频如下,

% D3 }( y) R$ B( Z6 h/ R0 }9 F) g
到此,简单的 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
感谢分享!!

所属标签

相似分享

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