您的位置:首页   >  关于我们  >  新闻动态

大彩讲堂:VisualHMI软件如何使用功能按钮

发布人:大彩科技发布日期:2025-11-03



一、概述



本文档适合于 系列(固件版本 >= V10.0.7.0)串口屏,VisualHMI平台上开发。功能按钮控件常用于切换画面、对话框、菜单、自定义键盘等应,其中切换动作可以在特定条件下执行。


二、开发环境



2.1 VisualHMI 软件版本
需安装 V1.0.270.0 及以上的版本进行开发。打开 VisualHMI 软件,在工程→帮助→关于,可查看到当前安装的软件版本,如图2-1所示;

2-1 VisualHMI 软件版本


2.2 串口屏固件版本

版本查看,可通过屏幕背面的贴纸查看。


三、功能按钮



3.1 属性说明

选中菜单栏→控件→【功能按钮】,如图3-1所示。

图片



图3-1 功能按钮

3.1.1 基本属性

多状态指示灯的基本属性如图3-2所示。

图片

图3-2 基本属性


1. 按钮用途:可支持切换画面打开对话框关闭对话框虚拟按键打开菜单关闭菜单等功能;

(1)切换画面

·目标画面:切换到指定画面;

·动画效果:从左到右从右到左从上到下从下到上

Ø动画范围:整个画面或者指定范围;

(2)打开对话框

·目标画面:切换到指定对话框;

·蒙层:0~100,0 为透明

·弹窗位置:可指定坐标,默认在屏幕居中显示

(3)关闭对话框:搭配打开对话框使用,按钮按下,返回原来的画面

(4)虚拟按键:配置键盘功能。本章节不进行阐述

(5)打开菜单

·目标画面:切换到指定对话框;

·蒙层:0~100,0 为透明

·弹窗位置:可指定坐标,默认在屏幕居中显示

·菜单返回地址:菜单返回值写入改地址

(6)关闭菜单:搭配打开菜单使用

菜单返回值:将数写入到打开菜单配置的菜单返回地址

2.执行时机:画面切换的时机;可配置成按下时”  “弹起时”  “长按时

3.条件触发:当条件成立时,才执行按钮用途

·条件地址:执行条件的寄存器地址

·比较:比较:支持基本的逻辑运算“>”“<”“>=”“<=”“==”、“!=”“IN”(相当于a<=x<=b“OUT”(相当于a<bx<ax>b

·值:条件的比较值;

4.通知功能:执行动作时发送通知给PLC设置;

·通知地址:PLC地址

·值:通知地址写值

5.播放声音:点击控件时,播放指定的声音文件。


3.1.2 状态设置

功能按钮状态设置如图3-3所示。

图片

3-3 功能按钮状态设置

1.使用图库:

(1)松开时图库:弹起状态显示图片;

(2)按下时图库:按下状态显示图片;

(3)裁剪:是否裁剪显示图片。

2.使用文字:

(1)默认字体:显示文字的字体;

(2)字体大小:显示字体的大小;

(3)使用标签:使用标签内容作为文字显示;

(4)选择状态:分别设置松开时按下时的文字,颜色,对齐,多语言等属性。



四、应用案例



4.1 工程配置

4.1.1 切换画面

“0_主页” 画面中添加一个主菜单【功能按钮】界面配置如图4-1所示:

1.按钮用途:切换画面;

2.目标画面:1_切换画面;

3.动画效果:从上到下;

4.动画范围:整个画面。

图片

4-1 主画面切换画面


“1_切换画面” 中,功能按钮属性配置如图4-2所示:

图片

4-2 1_切换画面


4.1.2 条件执行

条件执行通常用于点击按钮,并向PLC 或某些寄存器给设置值;

“0_主页画面中添加字设置按钮、添加一个功能按钮,且字设置按钮层叠在功能按钮上面界面配置如图4-3所示:

功能按钮:

1. 按钮用途:切换画面;

·目标画面:2_条件执行;

2. 条件触发:

·条件地址:LW1000

·比较:==

·值:1


字设置按钮:

写入地址:LW1000

操作模式:写入常量

·常量值:1

图片

4-3 “0_主页” 属性配置


同理在“2_条件执行画面中,添加字设置按钮、添加一个功能按钮,且字设置按钮层叠在功能按钮上面,界面配置如图4-4所示:

功能按钮:

1.按钮用途:切换画面;

(1)目标画面:0_主画面;

2. 条件触发:

·条件地址:LW1000

·比较:==

·值:1


字设置按钮:

1. 写入地址:LW1000

2. 操作模式:写入常量

·常量值:10

图片

4-4 “1_条件执行” 属性配置


4.1.3 对话框

对话框通常用重要的参数设置,弹出对话框在进一步确认或取消;若确认操作给PLC通知并返回,若取消直接返回。

“0_主页画面中添加一个功能按钮,界面配置如图4-5所示:

功能按钮:

1. 按钮用途:打开对话框;

·目标画面:3_对话框;

·背景蒙版:500-全透明,100不透明


4-5 “0_主页” 对话框属性配置


同理在“3_对话框” 画面中,添加两个功能按钮,界面配置如图4-6所示:

YES” 功能按钮:

1. 按钮用途:关闭对话框;

2. 通知功能:

·通知地址:LW1001

·写值:1

NO” 功能按钮:

1. 按钮用途:关闭对话框;

图片

5-6 “3_对话框属性配置


4.1.4 菜单

弹出菜单功能:点击按钮触发弹出菜单,通过预设值的选项,并返回菜单项的数值。在“0_主页画面中添加一个功能按钮,一个多状态指示灯,界面配置如图4-7所示:

功能按钮:

1. 按钮用途:打开菜单

(1)目标画面:“4_菜单

(2)背景蒙版:500-全透明,100不透明

(3)弹出位置:自定义

·X坐标:300

·Y坐标:85

(4)菜单返回地址:LW1002

2. 通知功能:

·通知地址0x0F00改地址和“4_菜单画面中的多状态指示灯对应

·写值:65535复位0x0F00 的值

多状态指示灯:

1. 读取地址:LW1002

2. 状态数:6

3. 选择状态:S0~S5依次为自动、制冷、制热、送风、除湿、睡眠

图片

4-7 “0_主页菜单属性配置


“4_菜单画面中添加5个功能按钮,5个多状态指示灯,自动为例,界面配

置如图4-8所示:

自动功能按钮:

1.按钮用途:关闭菜单

·菜单返回:0该值将写入打开菜单” 配置的菜单返回地址:LW1002

2. 条件触发: 

·条件地址:LW0F00

·比较:==

·0

多状态按钮” 

写入地址:LW0F00

1.操作模式:写入常量

·常量值:0

图片

4-8 “4_菜单属性配置


同理:制冷、制热、送风、除湿、睡眠等模式。功能按钮配置里的菜单返回值依次为1、2345条件触发的比较值依次为:12345字设置按钮写入的常量值:依次为12345此处不一一阐述。


4.2 运行预览

选中工程编译下载【编译运行】点击相应的按钮,如图4-9所示:

图片

4-9 模拟运行












联系我们

广州大彩智能科技有限公司
广州大彩光电科技有限公司

地址:广州市增城区宁西街新耀北路56号
销售与技术支持:(020)82186683-601
大彩深圳办事处

地址:深圳市龙岗区坂田街道深汇大厦1栋1108
(公共交通:地铁5号线杨美站B出口)

邮箱:fujq@gz-dc.com
销售与技术支持:付先生 13828461018

大彩成都办事处

地址:四川省成都市高新区天府大道中段500号东方希望天祥广场C座39楼3910号
(公共交通:地铁18和1号线,世纪城站B出口)
邮箱:niesl@gz-dc.com
销售与技术支持:聂经理 18180927176
大彩上海办事处

地 址:上海市浦东新区长清路1200弄森宏旗臻商务楼39号813
(公共交通:地铁6号线,灵岩南路站2出口)
邮箱:sales103@gz-dc.com
销售与技术支持刘经理 13671882080
大彩长沙办事处

地 址:湖南省长沙市开福区福元西路148号万科金MALL坊5楼5020
(公共交通:地铁1号线,马厂站3号出口)
邮箱:sales107@gz-dc.com
销售与技术支持徐经理 18988933535