一、概述
本文档适合于 M 系列(固件版本 >= 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.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.使用文字:
(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个字设置按钮,分别用于写100、200、300,添加一个数值控件用于显示数值的变化,画面配置如图4-2所示:
字设置按钮控件:
1. 读取地址:LW1001
2. 写入常量:分别为100、200、300
数值控件:
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所示:

地址:深圳市龙岗区坂田街道深汇大厦1栋1108
(公共交通:地铁5号线杨美站B出口)
邮箱:fujq@gz-dc.com
销售与技术支持:付先生 13828461018
总 部 地 址:广州市增城区宁西街新耀北路56号
公司邮箱:hmi@gz-dc.com
公司传真:(020)82187676