VisualHMI - 功能按钮
什么是功能按钮？
功能按钮控件常用于切换画面、对话框、菜单、自定义键盘等应用，其中切换动作可以根据条件触发，点击控件还可以发送通知。
本章节介绍功能按钮的基本属性、常见应用。
- 切换画面
- 对话框
- 菜单
- 条件执行
- 通知功能
适用范围：VisualHMI - HMI&M系列
例程下载链接：ViusalHMI - 功能按钮控件(点击下载)
1.属性介绍
本章节重点介绍功能按钮的属性，窗口如下所示
1.1.功能设置
功能按钮的功能设置，属性如下所示
按钮用途 1.1.切换画面：
目标画面：选择指定画面
动画效果：无、从做到右、从右到左、从上到下、从下到上
动画范围：整个画面、指定范围
整个画面：
指定范围：左边距（和左边界的距离）、右边距（和右边界的距离）、上边距（和上边界的距离）、下边距（和下边界的距离）
1.2.打开对话框：
目标画面：选择指定画面
背景蒙版：0~100,0为透明
弹出位置：可指定坐标，默认屏幕居中显示
1.3.关闭对话框：一般结合“打开对话框”使用
- 搭配打开对话框使用，按钮按下，返回原来的画面
1.4.虚拟按键：
- 配置键盘功能。本章节不进行阐述
1.5.打开菜单：打开指定的菜单画面
目标画面：选择指定画面
背景蒙版：0~100,0为透明
弹出位置：可指定坐标，默认屏幕居中显示
菜单返回地址：将数写入到“打开菜单”配置的“菜单返回地址”里
1.6.关闭菜单：一般结合“打开菜单”使用
执行时机：设置寄存器的时机
条件触发：
- 触发地址：执行条件的寄存器地址
- 比较：比较：支持基本的逻辑运算“>”、“<”、“>=”、“<=”、“==”、“!=”、“IN”（相当于a<= x <=b）、“OUT”（相当于a
- 值：条件的比较值
执行动作时发送通知给PLC
- 通知地址：PLC地址
- 值：给“通知地址”写值
1.2.状态设置
功能按钮的“状态设置”属性，界面配置如下所示
使用图库：设置控件不同状态下的显示效果
松开时图库：松开按钮，图片显示状态；
按下时图库：按下按钮，图片显示状态；
裁剪：是否裁剪显示图片。
使用文字：设置控件不同状态下的显示效果
默认字体：显示文字的字体；
字体大小：显示字体的大小；
行间接：每行字之间的间距（如20号字体，“行间距”为2.0，每行字的间距还一个20大小的字体）
使用标签：使用标签内容作为文字显示；
选择状态：可以单独设置控件每个状态文字的内容、颜色、对齐方式等属性。
2.应用案例
2.1.全屏/指定范围切换画面
2.1.1.工程配置
在“0_主页”画面中添加一个主菜单【功能按钮】，功能按钮属性配置如下所示：：
按钮用途：切换画面；
目标画面：1_切换画面
动画效果：
- 动画效果：从上到下
- 动画范围：整个画面
在“1_切换画面”中，功能按钮属性配置如图下所示：
按钮用途：切换画面；
目标画面：0_主页
动画效果：
- 动画效果：从左到右
- 动画范围：指定范围：左边距：60/ 右边距：60/上边距：185/下边距：195
2.1.2.运行预览
VisualHMI软件和虚拟屏用“虚拟串口”建立联机。点击“切换画面”，屏幕从从上到下切换页面，点击返回，“方框”区域动态切换，运行效果如下所示
2.2.条件触发
2.2.1.工程配置
”条件执行“常用于某寄存器值变化，执行对应操作，如注销登录等级等。
在“0_主页”画面中添加字设置按钮，用于修改寄存器值。添加一个功能按钮，用于条件成立时切换画面。字设置按钮层叠在功能按钮上面或将功能按钮移到画面外。字设置按钮配置如下所示：
- 写入地址：LW1000；
操作模式：写入变量
- 常量值：1
功能按钮配置如下所示：
按钮用途：切换画面；
- 目标画面：2_条件执行
条件触发
- 条件地址：LW1000
- 比较：==
- 值：1
同理在“2_条件执行”画面中，添加字设置按钮、添加一个功能按钮，且字设置按钮层叠在功能按钮上层
功能按钮，界面配置如下所示：
按钮用途：切换画面；
目标画面：0_主页
条件触发
- 条件地址：LW1000
- 比较：==
- 值：1
字设置按钮配置如下所示：
- 写入地址：LW1000；
- 操作模式：写入变量
- 常量值：1
2.2.2.运行预览
VisualHMI软件和虚拟屏用“虚拟串口”建立联机。点击“条件切换”，设置寄存器LW1000为1，条件成立，切换到画面2。同理，点击返回，设置寄存器LW1000为0，返回主页，运行效果如下所示:
2.3.对话框
2.3.1.工程配置
对话框通常用重要的参数设置，弹出对话框在进一步确认或取消；若确认操作，可以给PLC发送通知并返回，若取消直接返回。
在“0_主页”画面中添加一个功能按钮，界面配置如
按钮用途：打开对话框；
目标画面：3_对话框
背景蒙版：50；0-全透明，100不透明
同理在“3_对话框”画面中，添加两个功能按钮，界面配置如下所示：
“YES”功能按钮:
- 按钮用途：关闭对话框
- 通知功能：√
- 通知地址：LW1001
- 写值：1
2.3.2.运行预览
VisualHMI软件和虚拟屏用“虚拟串口”建立联机。点击“对话框”，点击确定或取消，返回主页，并发出指令，运行效果如下所示:
2.4.菜单
2.4.1.工程配置
弹出菜单功能：点击按钮触发弹出菜单，选择子项，并返回菜单项的数值。在“0_主页”画面中添加一个功能按钮，一个多状态指示灯。
【功能按钮】配置如下所示：
按钮用途：打开菜单；
目标画面：“4_菜单”；
背景蒙版：50；0-全透明，100不透明;
弹窗位置：X坐标：300；Y坐标：85；
菜单返回地址：LW1002；
通知功能：√；
- 通知地址：0x0F00。改地址和“4_菜单”画面中的多状态指示灯对应；
- 写值：65535。复位0x0F00的值；
【多状态指示灯】属性配置如下所示：
- 读取地址：LW1002
- 状态数：6
- 选择状态：S0~S5文字依次为自动、制冷、制热、送风、除湿、睡眠
在“4_菜单”画面中添加5个功能按钮，5个多状态指示灯，以“自动”为例，界面配置如下所示
2.4.2.运行预览
VisualHMI软件和虚拟屏用“虚拟串口”建立联机。点击菜单按钮，弹出菜单，选择对应子项更新数值，运行效果如下所示
