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

技术分享 |TouchGFX 简单界面设计——按键控制光圈移动

[复制链接]
Longmiao 发布时间:2020-2-26 13:45
01  PART
拖入logo,logo拖入需在下面的图片位置添加。同时添加按键和圈圈。因为背景是透明的,于是我又加了个BOX,白色的。左上角那栏里显示拖入的控件。四个按键,一个圈圈,一个BOX。
* s( ?+ p; M7 {5 i1 R+ [
11.jpg

1 a7 Y! o2 F* f1 z8 a
未加BOX的效果如下。
22.jpg

/ N9 @+ S6 `9 ], \+ y, S' R: I
5 D" J! S4 R0 ?; j3 }5 j4 y& i' J
02  PART
% k# t$ z5 X: z0 A5 {
圈圈的属性如下图,设置了颜色和线宽。
3 l' o9 p5 q  ~) N
33.jpg

1 Q9 s) ~3 ]# R# s+ F
按键的属性如下图,设置了样式和按键上的文字。

6 a5 I( b6 X9 C% [0 P
44.jpg
& [+ _/ U4 A) p9 v
BOX的属性如下图,白色,背景全覆盖。

; E) Z" o. z7 x+ q  x, H5 h0 j
55.jpg
1 m! X% T) [7 I
logo的属性
66.jpg

: \7 L& U3 I$ o! v
03  PART
, \/ X* d% Y0 M. z& Q7 n
都加入之后在属性边上还有一栏,是控件的交互属性。
作者是通过按键控制的,增加按键的交互属性。下图是作者增加的四个交互属性。

) [1 a; |: {6 ^# N
77.jpg

) W! {* ^5 |- K$ V& O
本打算弄个连续上移,没找到合适的选项,找到一个回调函数可以干这个,需要在程序里操作了,我试着生成代码,默认的是IAR,代码时C++,留给下次帖子用吧。先生成个固定位置移动,如下图。移动的位置见坐标。
$ {( ~$ v4 t3 b; ^8 W" U/ n
88.jpg
, _! l/ G" n+ [( D9 o4 D
圈圈上移、右移、左移,都在1秒内完成。
* R2 E6 g" f8 h* q( f3 j
04  PART

/ A( k4 W- f5 k; i
完成后先模拟一下,模拟界面如下图:
& {2 T/ W1 n+ v& T( J
99_副本.jpg
1 w3 s, ^/ H( }/ H" G2 O* V/ x! U0 d
看模拟的视频效果还不错,接着下到板子里吧。视频如下:

1 l* X% E9 _" p9 g9 Q" D. g- e5 _
到此,简单的demo就完成了,还是非常方便的,用不了多少时间就能开发出个简单的界面,关键是能仿真,下到板子里直接能用。这个太强大了,不用为初始化代码而烦恼,不过这个是官方评估板,期待在自己设计的板子上的表现。
作者:eeworld社区网友supermiao123
原文网址(复制粘贴到外部浏览器):

1 _$ F* E- e) T* p$ B  ], z: b
文档下载:
' {% g! w  A' O% e$ e
; z2 i0 d6 z; b% {! C8 @
收藏 评论0 发布时间:2020-2-26 13:45

举报

0个回答

所属标签

相似分享

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