【TouchGFX 设计】(2)简单界面设计
<div class='showpostmsg'> 今天用了ToughGFX，感觉还是比较赞的，在软件上可以把界面做的比较漂亮，最基本的控件大部分都有，感觉还不是太全，因为我平时在电脑上用LABVIEW开发界面比较多，相对来说比较熟悉。比如我想找个图表，做个波形上去，发现没有，还有按键的外形长宽不能自定义，只能根据提供的选择，这个是不是可以改成自定义的。不过那都是后话，先从有再到丰富。:loveliness: 先新建一个自己的工程，我的板子是F746，找到建一个。我准备做一个四个按键控制中间圈圈移动的一个demo。
拖入logo，logo拖入需在下面的图片位置添加。同时添加按键和圈圈。因为背景是透明的，于是我又加了个BOX，白色的。
左上角那栏里显示我拖入的控件。四个按键，一个圈圈，一个BOX。
未加BOX的效果如下。
圈圈的属性如下图，设置了颜色和线宽。
按键的属性如下图，设置了样式和按键上的文字。
BOX的属性如下图，白色，背景全覆盖。
logo的属性
都加入之后在属性边上还有一栏，是控件的交互属性。
我是通过按键控制的，增加按键的交互属性。下图是我增加的四个交互属性。
本打算弄个连续上移，没找到合适的选项，找到一个回调函数可以干这个，需要在程序里操作了，我试着生成代码，默认的是IAR，代码时C++，上学时学过，不经常用，留给下次帖子捡起来用一下吧。先生成个固定位置移动，如下图。移动的位置见坐标。
下图是圈圈上移，1秒内完成。
下图是圈圈右移，1秒内完成。
下图是圈圈左移，1秒内完成。
完成后先模拟一下，模拟界面如下图，模拟视频见附件。
看模拟的视频效果还不错，接着下到板子里吧。
下面的图片是在中心和上下左右的位置，移动视频见附件。
中心
上
下
左
右
到此，简单的demo就完成了，还是非常方便的，用不了多少时间就能开发出个简单的界面，关键是能仿真，下到板子里直接能用。这个太强大了，不用为初始化代码而烦恼，不过这个是官方评估板，期待在自己设计的板子上的表现，不要太繁琐哦。:pleased:
此内容由EEWORLD论坛网友supermiao123原创，如需转载或用于商业用途需征得作者同意并注明出处
</div><script> var loginstr = '<div class="locked">查看本帖全部内容，请<a href="javascript:;" style="color:#e60000" class="loginf">登录</a>或者<a href="https://bbs.eeworld.com.cn/member.php?mod=register_eeworld.php&action=wechat" style="color:#e60000" target="_blank">注册</a></div>';
if(parseInt(discuz_uid)==0){
(function($){
var postHeight = getTextHeight(400);
$(".showpostmsg").html($(".showpostmsg").html());
$(".showpostmsg").after(loginstr);
$(".showpostmsg").css({height:postHeight,overflow:"hidden"});
})(jQuery);
} </script><script type="text/javascript">(function(d,c){var a=d.createElement("script"),m=d.getElementsByTagName("script"),eewurl="//counter.eeworld.com.cn/pv/count/";a.src=eewurl+c;m.parentNode.insertBefore(a,m)})(document,523)</script> 支持支持 开发越来越方便了，是好事，也是坏事 懒猫爱飞 发表于 2019-4-1 10:09
开发越来越方便了，是好事，也是坏事
是的
页:
[1]