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

大彩讲堂:VisualHMI软件如何使用字设置按钮

发布人:大彩科技发布日期:2025-10-17


一、概述



本文档适合于 系列(固件版本 >= 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.读取地址:控件所绑定的变量地址;

2.操作模式:

(1)递增/递减:每次点击按钮,变量数值按设定的步长递增/递减;

1) 步长:单次点击的增加量;

2) 最小值:变量的下限值;

3) 最大值:变量的上限值;

4) 循环调节:变量数值越界后是否可以循环;

5) 长按调节:按钮是否可以长按递增/递减。

  • 迟滞时间:按压时间超过此时间,是别为长按,单位 ms
  • 间隔时间:长按时的调节周期,单位 ms

(2)写入常量:

  • 常量值每次点击写入的数值。

3. 数据类型:支持“UINT16”“INT16”“UINT32”“INT32”四种数据类型;

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


3.1.2 状态设置

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

图片

3-3 字设置按钮状态设置

1.使用图库:设置控件不同状态的显示效果;

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

(2)按下时图库:按下状态显示图片;
(3)裁剪:是否裁剪显示图片。

2.使用文字:

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

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

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

(4)选择状态:可以设置每个控件状态文字的内容、颜色、对齐方式、闪烁、跑马灯等属性。


四、应用案例



4.1 工程配置

4.1.1 递增/递减

“1_递增递减” 画面中,添加2个字设置按钮用于递减、递增功能,添加一个数值控件用于显示数值的变化,画面配置如图4-1所示:

递增/递减,字设置按钮属性设置:

1. 写入地址:LW1000

2. 操作模式:递增、递减

1) 步长:1

最小值:0

最大值:100

2) 长按调节:

迟滞时间:500

间隔时间:100


数值显示,数值控件属性设置:

1. 读取地址:LW1000

图片

4-1 递增递减配置


4.1.2 写入常量

“2_写入常量画面中,添加3个字设置按钮,分别用于写100200300添加一个数值控件用于显示数值的变化,画面配置如图4-2所示:

字设置按钮控件:

1. 读取地址:LW1001

2. 写入常量:分别为100200300


数值控件:

1.输入地址:LW1001

图片

4-2 设置常量配置


4.1.3 按钮互斥

按钮互斥是字设置按钮常见的应用,一般搭配多状态指示灯实现。本章节用场景选择来说明,0-就餐、1-回家、2-离家、3-观影、4-工作、5-睡眠、6-阅读、7-自动。

素材准备,UI 输出两张选中、不选中的效果图,如图4-3所示。将素材添加到图库中,模式.jpg 为第1帧、模式-按下.jpg 2帧,如图4-4所示:

图片

4-3 互斥UI素材


图片

4-4 添加到图库


“3_按钮互斥” 画面中,画面背景选择待选择” 的图片作为背景,即是模式.jpg”,如图4-5所示。添加8个字设置按钮,8个多状态指示灯。用于模式选择,就餐” 模式为例,画面配置如图4-6所示:

就餐多状态指示灯,属性设置:

1. 读取地址:LW1002

2. 状态数:2

3. 转换状态:1;0;

 LW1002=0处于就餐” 模式,即状态转换,显示多状态图库第 2 帧, LW1002=0 显示,显示多状态图库第 1 帧; LW1002 不等于 0  1 LW1002=3就餐” 多状态指示灯将不会显示,而是显示画面的背景模式.jpg”未选中状态。

4. 使用图库:

·多状态图库: project.xico/0

·裁剪:


就餐字设置按钮,属性设置:

1. 写入地址: LW1002

2. 操作模式:写入常量

·常量值:0

图片

4-5 画面配置


图片

4-6 按钮属性设置


4.2 运行预览

选中工程编译下载【编译运行】运行效果如图4-7所示:

图片
4-7 模拟运行











联系我们

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

地址:广州市增城区宁西街新耀北路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