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

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

[复制链接]
STMCU小助手 发布时间:2022-2-18 23:13
很高兴能体验下 ToughGFX 这个 GUI 软件,之前用类似软件用的少,这次想趁这个机会提高一下。 正好手头上有 F746 的带屏的开发板,打算做一个四个按键控制中间圈圈移动的一个demo。
一、拖入 logo,logo 拖入需在下面的图片位置添加。同时添加按键和圈圈。因为背景是透明的,于是我又加了个 BOX,白色的。左上角那栏里显示拖入的控件。四个按键,一个圈圈,一个 BOX。

1J9QE~{{TL9IHMPP)[O`D.png

未加 BOX 的效果如下

%T)RRQ2)N9[B7QM3]J(OPYB.png

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

3DP@@V2){XPR{]LLPEG$SUO.png

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

40CZNC%`D4{0X7J`10MFR9S.png

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

YC54XIJ}M]79T4W}4IP5AD7.png

logo 的属性

D)F]S`8TH4FSE47`SDNQN[H.png

三、都加入之后在属性边上还有一栏,是控件的交
作者是通过按键控制的,增加按键的交互属性。下图是作者增加的四个交互属性。

H0WBV)NU~PLI)QZ}Z`M8[3B.png

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

L@V3JDZ9L60ZEZJ88D)LDN4.png

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

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

IYLK_B8HPN(TN~(@3FQ6@VP.png

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

到此,简单的 demo 就完成了,还是非常方便的,用不了多少时间就能开发出个简单的界面,关键是能仿真,下到板子里直接能用。这个太强大了,不用为初始化代码而烦恼,不过这个是官方评估板,期待在自己设计的板子上的表现。

收藏 评论0 发布时间:2022-2-18 23:13

举报

0个回答

所属标签

相似技术帖

官网相关资源

关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
STM32N6 AI生态系统
STM32MCU,MPU高性能GUI
ST ACEPACK电源模块
意法半导体生物传感器
STM32Cube扩展软件包
关注我们
st-img 微信公众号
st-img 手机版