欧姆龙 NA触摸屏画面切换

NA触摸屏画面切换

实验时间:2023/3/22

实验器材:Sysmac Studio软件

实验目的:NA触摸屏实现画面切换

实验概述

画面的切换原理主要有两种,一种是通过ShowPage事件,另外一种是通过更改_HMI_CurrentPageIndex_HMI_CurrentPage_HMI_CurrentPageIndex是设置当前画面的编号,_HMI_CurrentPage是设置当前画面的名字。

本次实验通过三种方式切换画面:

  1. 通过按钮切换到指定画面,该方法需要将按钮的click事件修改为ShowPage
  2. 通过下拉框选择要切换的画面,也可以通过“上一页”和“下一页”按钮切换当前画面,该方法是通过修改全局变量_HMI_CurrentPageIndex画面索引值实现切换到指定画面;
  3. 通过PLC里的INT变量切换画面,该方法原理和第二种方法相同;

注:如果在屏中同时使用了方法2和3时,切换画面后要修改PLC里用于切换画面的INT变量与_HMI_CurrentPageIndex相等;

本次实验共创建了三个画面,画面0、画面1、画面2用于切换。

欧姆龙 NA触摸屏画面切换_第1张图片

欧姆龙 NA触摸屏画面切换_第2张图片

欧姆龙 NA触摸屏画面切换_第3张图片

控件设置

首先创建三个画面分别为Page0、Page1、Page2,如图:

欧姆龙 NA触摸屏画面切换_第4张图片

1. 通过按钮的ShowPage事件切换画面

在Page0下添加"切换到画面1"按钮,工具箱–按钮下添加一个按钮,修改按钮的名字为“切换到画面1”

欧姆龙 NA触摸屏画面切换_第5张图片

设置"切换到画面1"按钮的事件,触发方式为“Click”,对应的事件为“ShowPage”,指定切换的画面为“Page1”

欧姆龙 NA触摸屏画面切换_第6张图片

在Page0下添加"切换到画面2"按钮,设置方法同上。在画面1和画面2中的两个切换按钮的设置也与上面相同。

2. 通过PLC的INT变量切换画面

首先在PLC工程中创建一个名为page_number的全局变量,数据类型为INT,用于切换画面

欧姆龙 NA触摸屏画面切换_第7张图片

将PLC中的page_number变量映射到NA中,命名为na_page_number

欧姆龙 NA触摸屏画面切换_第8张图片

增加全局事件用于监视当PLC中的page_number发生变化时改变_HMI_CurrentPageIndex的值从而切换画面,该事件的触发条件为_HMI_CurrentPageIndexna_page_number是否相等,如果不等的话将na_page_number值赋给_HMI_CurrentPageIndex

欧姆龙 NA触摸屏画面切换_第9张图片

3. 通过下拉框和“上一页”、“下一页”按钮切换画面

在Page0下添加下拉框,添加对应的Item,Item的value设置为画面编号(第一个画面为0)

欧姆龙 NA触摸屏画面切换_第10张图片

下拉框对应的变量设置为_HMI_CurrentPageIndex

欧姆龙 NA触摸屏画面切换_第11张图片

设置下拉框SetVariable事件,当下拉框的当前选项变化时,将na_page_number变量的值修改为_HMI_CurrentPageIndex,目的是为了保持PLC里用于修改当前画面的page_number变量值和当前实际显示画面的索引值保持一致。

欧姆龙 NA触摸屏画面切换_第12张图片

在Page0下添“上一页”按钮,增加两个按钮事件分别为DecreaseVaribleSetVariableDecreaseVarible事件用于将_HMI_CurrentPageIndex值减1,实现“上一页”的效果。SetVariable事件目的是为了保持PLC里用于修改当前画面的page_number变量值和当前实际显示画面的索引值保持一致。

欧姆龙 NA触摸屏画面切换_第13张图片

在Page0下添“下一页”按钮,也增加两个按钮事件分别为DecreaseVaribleSetVariableDecreaseVarible事件用于将_HMI_CurrentPageIndex值加1,实现“下一页”的效果。SetVariable事件目的是为了保持PLC里用于修改当前画面的page_number变量值和当前实际显示画面的索引值保持一致。

欧姆龙 NA触摸屏画面切换_第14张图片

在画面1和画面2中的下拉框和“上一页”、“下一页”按钮的设置和画面1相同。

实验现象

启动联合模拟模拟

欧姆龙 NA触摸屏画面切换_第15张图片

1. 通过按钮的ShowPage事件切换画面演示如下

点击画面0中的“切换到画面1”按钮

欧姆龙 NA触摸屏画面切换_第16张图片

画面已正常切换到画面1,并且下拉框显示画面1

PLC里的page_number变量值也变为了1

在这里插入图片描述

2. 通过PLC中的page_number值切换换面演示如下

将PLC中的page_number赋值为2

在这里插入图片描述

可以看到画面已经切换到了画面2,下拉框显示的也是画面2

欧姆龙 NA触摸屏画面切换_第17张图片

3. 通过下拉框和“上一页”和“下一页”按钮切换

  • 下拉框中选择画面0,画面切换到了画面0

欧姆龙 NA触摸屏画面切换_第18张图片

PLC里的page_number变量值也变为了0

在这里插入图片描述

  • 按“下一页”按钮切换到画面1,下拉框显示的也是画面1

欧姆龙 NA触摸屏画面切换_第19张图片

PLC里的page_number变量值也变为了1

在这里插入图片描述

  • 按“上一页”按钮切换到画面0,下拉框显示的也是画面0

欧姆龙 NA触摸屏画面切换_第20张图片

PLC里的page_number变量值也变为了0

在这里插入图片描述

注意事项

  • 下拉框控件,当下拉框指定的变量值发生变化时,下拉框的当前选项也会随之变化;

  • _HMI_CurrentPage变量为当前页面的名字,类型为String,通过切换该全局变量的值也能实现画面的切换;

  • 源工程下载

你可能感兴趣的:(opc,ua,javascript,开发语言,ecmascript)