搜索
bottom↓
回复: 13
打印 上一主题 下一主题

HMI文本显示器(6) 设计器 之状态文本暨第一个预览版本发布

[复制链接]

出0入264汤圆

跳转到指定楼层
1
发表于 2020-9-26 10:25:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 mcu_lover 于 2020-9-26 13:36 编辑

在前面的控件设计中,我们看到了功能强大的文本控件以及图片控件的功能。

但是有一个问题,就是他们都是静态的,也就是你设计好了之后,它就一直在屏幕上的那个地方按照设计的样式显示。

考虑一下以下非常常见的场景。你的设备有一个工作报警状态,正常时候,你希望显示一个OK的图标,异常时候,希望显示一个NG的图标。
同时,你还希望显示对应的文字,甚至这两种不同状态下的文字风格都不一样,如下图所示:

系统正常状态下显示界面:

系统异常状态下的显示界面


看到二者的差异了吗,我们需要根据系统某个变量的值,比如
变量=0 时候,显示 系统正常字样以及对应的图片。

变量=1 时候,显示 系统异常字样以及对应的图片。

从示例图中,我们可以看到,两种状态下的的图片和字体样式均不一样。这与单独的静态文本控件和静态图片控件是有差异的。
状态文本,组合了二者的功能。同时,根据绑定的变量值,可以显示对应状态下,我们配置好的任意图片和文本信息。

有了这样的控件,我们就可以根据系统的各个变量,来设计对应想要的显示界面效果。这些显示界面会根据值的变化而自动变化。

可以说正是有了状态文本,使得我们的界面设计更灵活生动,真正的活了起来。

比如 你想做一个操作提示界面,配以生动的图片以及提示信息。
你只需要做好不同的界面之后,然后绑定对应的变量即可。
例如 提示变量的值 = 0  显示状态0对应的图片以及提示文本信息
例如 提示变量的值 = 1  显示状态1对应的图片以及提示文本信息
例如 提示变量的值 = 2  显示状态2对应的图片以及提示文本信息
例如 提示变量的值 = 3  显示状态3对应的图片以及提示文本信息
例如 提示变量的值 = 4  显示状态4对应的图片以及提示文本信息
.....

因为状态文本是对静态文本以及静态图片功能的组合增强,因此,这里只贴出具体的属性画面,具体的属性信息可以参考静态文本以及静态图片

变量绑定以及变量格式设定:



边框设定,滚动设定等高级显示效果设定


文本属性设定:


图片属性设定:



相对而言,状态文本是整个系统中比较复杂的一个控件,也是功能强大的一个控件。因为涉及到了变量的绑定。
在完成这个控件设计之后,我们就可以开始着手规划控件字节码的定义。在控件字节码定义好之后,可以开始
设计编译系统,同时开始设计模拟器,在模拟器中执行字节码,这样我们的界面开发会越来越快,越来越生动。

经过长时间的编码以及调试,第一个预览操作版,终于可以和大家见面了,可以把玩操作一下。如果你的项目
中,经常会和液晶界面,菜单之类的打交道,我相信,把玩之后,一定会有所感悟。因为在这个HMI之后的下一个
项目,就是诸位在项目中头疼的界面开发,到时候,会有一套令人耳目一新的开发方式问世。

整体界面预览:


可以在这里导出设计画面到图片文件,有没有想过用它来做界面的说明文档:),帖子中效果图片,均使用此功能导出



使用7z 解压缩:



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x

阿莫论坛20周年了!感谢大家的支持与爱护!!

知道什么是神吗?其实神本来也是人,只不过神做了人做不到的事情 所以才成了神。 (头文字D, 杜汶泽)

出16390入6832汤圆

2
发表于 2020-9-26 11:37:57 来自手机 | 只看该作者
分卷压缩成每个文件16兆以内,就可以上传上来。

百度盘随时失效,很快就看不到。只有我们这里才是可靠的。

另外:只有上传到论坛才能精华。

出10入210汤圆

3
发表于 2020-9-26 12:34:04 | 只看该作者
顺手传上来:




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x

出16390入6832汤圆

4
发表于 2020-9-26 12:49:50 | 只看该作者


好,精华!打赏

出0入0汤圆

5
发表于 2020-9-28 19:58:00 | 只看该作者
这个工具也开源吗?

出0入0汤圆

6
发表于 2020-9-28 20:02:40 | 只看该作者
工程是xml文件,下位机HMI直接解析xml文件吗?

出0入0汤圆

7
发表于 2020-9-28 22:28:20 | 只看该作者
字体框可否缩小到设定字体大小后就不能在缩小了

出0入264汤圆

8
 楼主| 发表于 2020-9-29 08:07:21 | 只看该作者
citroen988 发表于 2020-9-28 20:02
工程是xml文件,下位机HMI直接解析xml文件吗?

不会直接解析xml,工程文件会编译之后生成自定义的字节码。下位机解析字节码。

出0入264汤圆

9
 楼主| 发表于 2020-9-29 08:08:45 | 只看该作者
siemenswjl 发表于 2020-9-28 22:28
字体框可否缩小到设定字体大小后就不能在缩小了

能具体描述下吗?有图片示意更好。是需要设定一个最小允许调整的字体号,然后调整的时候不允许小于这个字体号?

出0入0汤圆

10
发表于 2020-9-29 17:22:56 | 只看该作者
感谢了,下载尝鲜看看。

出0入0汤圆

11
发表于 2020-9-29 18:18:31 | 只看该作者
增加一个help

出0入8汤圆

12
发表于 2020-10-2 15:04:00 | 只看该作者
这个怎么玩,单片机这边呢?

出0入0汤圆

13
发表于 2020-10-5 12:06:08 来自手机 | 只看该作者
单片机的底层是什么思想?做个文件系统?

出0入0汤圆

14
发表于 2021-3-29 18:07:57 | 只看该作者
版主大牛啊。提个使用体验的问题:文件即使已经保存过了,关闭软件的时候也会提示要不要保存。应该是软件关闭时强制弹出的保存提示,而不是先检查文件是否被修改了然后再进行提示。
回帖提示: 反政府言论将被立即封锁ID 在按“提交”前,请自问一下:我这样表达会给举报吗,会给自己惹麻烦吗? 另外:尽量不要使用Mark、顶等没有意义的回复。不得大量使用大字体和彩色字。【本论坛不允许直接上传手机拍摄图片,浪费大家下载带宽和论坛服务器空间,请压缩后(图片小于1兆)才上传。压缩方法可以在微信里面发给自己(不要勾选“原图),然后下载,就能得到压缩后的图片。注意:要连续压缩2次才能满足要求!!】。另外,手机版只能上传图片,要上传附件需要切换到电脑版(不需要使用电脑,手机上切换到电脑版就行,页面底部)。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

手机版|Archiver|amobbs.com 阿莫电子技术论坛 ( 粤ICP备2022115958号, 版权所有:东莞阿莫电子贸易商行 创办于2004年 (公安交互式论坛备案:44190002001997 ) )

GMT+8, 2024-7-20 20:25

© Since 2004 www.amobbs.com, 原www.ourdev.cn, 原www.ouravr.com

快速回复 返回顶部 返回列表