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

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

[复制链接]
STMCU小助手 发布时间:2022-2-18 23:13
很高兴能体验下 ToughGFX 这个 GUI 软件,之前用类似软件用的少,这次想趁这个机会提高一下。 正好手头上有 F746 的带屏的开发板,打算做一个四个按键控制中间圈圈移动的一个demo。7 a; p/ y! l& V, K* f3 Z
一、拖入 logo,logo 拖入需在下面的图片位置添加。同时添加按键和圈圈。因为背景是透明的,于是我又加了个 BOX,白色的。左上角那栏里显示拖入的控件。四个按键,一个圈圈,一个 BOX。
& Q8 y6 g% n) S  R; k; v0 h' m7 ]; ^4 Q4 x
1J9QE~{{TL9IHMPP)[O`D.png & {5 \9 S/ Z' s: u% a5 p: O7 z& ~# S
$ n. W! n1 L6 l( ?: B
未加 BOX 的效果如下
/ Q* R, X+ P5 H7 B! I) C8 o3 O6 R5 M% e1 O! R0 n" j  p
%T)RRQ2)N9[B7QM3]J(OPYB.png 3 M. y! t( B* u
1 i% a3 a5 b- W# `3 I! j
二、圈圈的属性如下图,设置了颜色和线宽。' d% S+ }/ H& N

  r) I2 Y+ `  [; C$ r 3DP@@V2){XPR{]LLPEG$SUO.png
) z# N8 Y; [, ~2 F- r2 Z2 U9 L" D& _# i. w& z2 x' Z
按键的属性如下图,设置了样式和按键上的文字。
- W$ s, B4 p( s6 F) o
4 v; G$ t6 w8 @6 y, {+ H% N4 H& A3 q 40CZNC%`D4{0X7J`10MFR9S.png 8 |1 S: R2 n" @4 n9 e. S
: ?. X% T0 D- B1 q
BOX 的属性如下图,白色,背景全覆盖。; L. _6 a% a' }: H/ s

' i6 S2 P) s0 b" o, P9 `3 x YC54XIJ}M]79T4W}4IP5AD7.png
$ U" n' l! H% g- ?/ x( z) I, |* n4 [5 l# A
logo 的属性2 D7 D& {; D1 e1 }1 s( O

2 _5 l1 U3 V) w; Z) C% ` D)F]S`8TH4FSE47`SDNQN[H.png
6 v0 _& F/ \7 j5 k2 y" T% R+ H- J0 {8 y0 N$ }
三、都加入之后在属性边上还有一栏,是控件的交. p" r3 l2 J/ s8 g  C3 |  A  z  ?. J
作者是通过按键控制的,增加按键的交互属性。下图是作者增加的四个交互属性。2 g: `+ _9 Y1 k  A

3 G9 z( b- W" {1 b! w H0WBV)NU~PLI)QZ}Z`M8[3B.png
2 P# j/ b* N3 G& l+ w4 O  j, D* z; [. c) C' N2 X1 G
本打算弄个连续上移,没找到合适的选项,找到一个回调函数可以干这个,需要在程序里操作了,我试着生成代码,默认的是 IAR,代码时 C++,留给下次帖子用吧。先生成个固定位置移动,如下图。移动的位置见坐标。
- h* k) ^7 D9 y  r3 j
# |1 T- ?  c' F6 V- f6 S% A L@V3JDZ9L60ZEZJ88D)LDN4.png ( o- V1 N$ J* P  D7 G

; X# M' L" J0 V. B5 s圈圈上移、右移、左移,都在 1 秒内完成。
/ x' g4 S8 X" S; U4 z- G6 _! C$ Z( H% j5 C: I# E
四、完成后先模拟一下,模拟界面如下图,模拟视频见附件。0 R3 C' {* n' g3 g) y

* w7 z7 \1 A! h: L! d IYLK_B8HPN(TN~(@3FQ6@VP.png * M+ @3 u* [  v0 S$ H. r* t
( w" I  h$ O9 l6 ?
看模拟的视频效果还不错,接着下到板子里吧。视频如下,& Q  [" {, _( _% E

* b1 ~. [% ?. d! }  i+ w到此,简单的 demo 就完成了,还是非常方便的,用不了多少时间就能开发出个简单的界面,关键是能仿真,下到板子里直接能用。这个太强大了,不用为初始化代码而烦恼,不过这个是官方评估板,期待在自己设计的板子上的表现。$ n5 B; B  L+ v7 T, n

# d8 M* {& a" ~$ n' J
赞 收藏 评论0 发布时间:2022-2-18 23:13

举报

0个回答

所属标签

相似技术帖

官网相关资源

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