首页 > 其他分享 >Siemens 西门子触摸屏SMART LINE如何通过下拉栏指定画面跳转?

Siemens 西门子触摸屏SMART LINE如何通过下拉栏指定画面跳转?

时间:2023-10-17 09:05:11浏览次数:40  
标签:Siemens 按钮 画面 下拉栏 切换 跳转 对应

  在跟学员的交流中发现有一些同学对于西门子去切换页面这一块有些需求,并且提到了有时画面很多用传统按钮切换的方法但有很多不好排版。针对这个问题有没有一些好的其他的方式实现多画面的一个切换呢。那在这里给大家介绍另外一种方式是通过下拉栏去切换画面。

01 前提条件

  由于本篇文章主要介绍的是通过下拉栏切换对应画面,在本篇文章中本次示范的项目共有ABC三个画面其中除ABC的标识之外。通用的图形是放在模板中的。

1. 准备好你要切换的画面。

02 添加下拉栏及切换键

  我们要完成画面的指定和切换的话,需要有对应的选择元件。这篇文章是针对通过下拉栏选择对应的画面按下切换键切换的方式。所以要添加下拉栏以及换件来方便我们后续进行操作。

1. 首先需要添加下拉栏及按钮(在本文章的演示项目中,由于三个画面都是使用几乎差不多的的,我直接在模板里面进行了设定,如果大家要在不同的画面里面不同呈现,可以使用同样方式分别到对应画面里面新建我们的下拉栏和画面方法是一致的)

 2. 添加下拉栏,我们注意选择文本列表和变量(在这里可以先新建具体设置看下面)。文本列表相当于我们下拉栏对应的选择项名字。下拉选项也就是选择画面选项。下拉栏选择到对应的选项,会使得变量里面的数字进行变化。以方便后面点击切换按钮时,根据变量里面的数字切换到对应画面。

3. 在文本列表里面添加页面对应的文本以及匹配的数值,注意原本零数值的地方进行选择的缺省,因为画面页面编号是从1开始排序的,在这边我们画面a是1,画面b是2,画面c是3它都有对应的数字编号,那我们在这里要与它的数字编号对应上,后面添加事件时才能按照数字跳转到对应的画面。

 4. 查看画面编号可以到对应的画面的属性,在常规会显示编号,同时可以在这里调整画面编号。

 5. 变量也是要在变量列表里面进行新建的,这是内部进行跳转画面的变量用,可以直接使用内部变量,无需关联外部PLC。

6. 说完下拉栏,其实我们还会有一个切换按钮,当我们下拉栏选择完成之后要按一下切换按钮,所以大家要添加切换按钮,我们按钮默认的话是没有写切换名字的,所以大家记得更改文本中的文字改成切换。(这里的名字可以自定义)

 7. 这是我们画面的初览ABC3个画面。由于有用到的是模板去做画面,所以公用部分在对应画面其实中是灰色部分,但在模拟运行的使用中不受影响。所以大家可以看到,在每个画面中都是有对应的功能实现的。

03 添加事件

  我们前面画面添加下拉栏及切换键和设置完变量之后,就是如何让我们可以点击完切换按钮之后,根据下拉栏里面的选项去切换我们当前的页面。所以我们要在按钮这边添加事件;

1. 首先我们希望是在点击的时候去进行跳转,所以在事件中选择单击,然后在系统函数里面找到画面中的我们需要用到的函数(ActivateScreenByNumber)

2. 添加完函数之后可以发现要填写的,大家可以点击画面编号,后面的选择我们刚刚的下拉栏对应的变量。目的就是让下拉栏里面选择的画面,它是有对应数字的。选择完成后,会把对应的数字给到变量里面去,这边的函数会根据变量类的数字,在按下按钮后跳到对应编号的画面中。

  设置完成后,就可以进行跳转了哦。

总结

  相信通过上面的介绍,大家已经掌握了。通过下拉栏去指定画面,我们按一下转换按钮切换的对应的跳转画面的操作方式。整个项目的实现方式其实就是下拉栏选项,它会匹配到对应的数字,那这个数字会给到我们按钮里面的系统函数,让系统函数按照数字跳转到对应编号的画面中。大家掌握这里的技巧,可以举一反三,在自己的项目中去应用。

  注意:本篇文章是使用的是smart line v4配套的软件,但西门子的软件套路是类似的,其他触摸屏您可以借鉴同样方式进行尝试。

 

标签:Siemens,按钮,画面,下拉栏,切换,跳转,对应
From: https://www.cnblogs.com/ybqjymy/p/17768835.html

相关文章

  • Siemens 西门子1200PLC支持的通信协议
    西门子系列PLC产品,功能比较强大。而在通信这块也是独树一帜,那么对于初学者来说,面对西门子1200PLC如此强大的通信功能,那在实际项目中该如何选择通信协议呢?本文我们将来了解1200PLC的通信功能。S7-1200CPU本体上集成了一个PROFINET通信口(CPU1211C-CPU1214C)或者两......
  • Siemens 西门子触摸屏smart line屏幕如何添加指示灯
    很多学员一开始接触西门子触摸屏的时候,在做指示灯的功能的时候会发现它与其它平时接触到的触摸屏不一样,找不到跟它们一样的指示灯元件功能。其实这里是西门子触摸屏与其它地方不同之处之一,西门子触摸屏很多东西是以事件或者变量更改状态的方式去做的。通过这些事件或者是......
  • vue锚点跳转
    直接上答案//获取dom元素constele=this.$refs['refName'];//获取元素距视窗的高度consttop1=ele?ele.getBoundingClientRect().top:0;//如果ref是在v-for中定义的,需如下获取consttop1=ele?ele[0].getBoundingClientRect().top:0;//获取滚动条的位置c......
  • js判断手机访问并跳转移动端网址
    1<scripttype="text/javascript">2functionuaredirect(murl){3try{4if(document.getElementById("bdmark")!=null){5return;6}7......
  • mdbook pdf 修改超链接为页内跳转、添加目录
    rust很多文档都是mdbook,打印成pdf后发现页内的链接跳转到浏览器,而且没有书签目录。功能修改超链接为页内跳转如图蓝色链接,一般点击会跳转至浏览器,经过程序处理后会直接在pdf内跳转添加目录使用使用浏览器打印pdf(火狐测试通过)pythonmdbook.py-uURL-ppdf位置URL是......
  • FDFullscreenPopGesture使用setViewControllers跳转一个隐藏导航栏新页面失效问题
    解决办法:1.对setViewControllers:animated:进行方法交换SELoriginalSelector1=@selector(setViewControllers:animated:);      SELswizzledSelector1=@selector(fd_setViewControllers:animated:);      MethodoriginalMethod1=class_getIn......
  • 关于response.setHeader的重定向及多种界面跳转方式
    通过response.setHeader("refresh","1;URL=ttt.jsp");可以在一秒之后自动跳转到ttt.jsp界面 response.sendRedirect("ttt.jsp");立即跳转 <inputtype="button"onclick="javascript:window.location.href='ttt.jsp';&quo......
  • 编程式导航——两种路由跳转方式
    编程式导航:通过JS的方式实现路由跳转如何实现点击按钮跳转? 一、不传参:1.通过path路径跳转(简易方便)①简写:  按钮的点击事件中写  this.$router.push('/路由路径')    比如:this.$router.push('/search') ②完整写法:this.$router.push({ ......
  • 【webapp】JSP页面间跳转和包含
    在JSP中,有两种常见的页面间跳转和包含方式:转发(forward)和包含(include)。转发(Forwarding):通过转发,一个页面可以将请求转发给另一个页面进行处理,然后由该页面生成响应。转发是在服务器端完成的,客户端并不知道实际的页面地址。使用转发的语法是 request.getRequestDispatcher("......
  • 禁止IE页面自动跳转到EDGE浏览器的方法
            注意:此操作后需要重启电脑才可生效,因此在没有重启前即便取消勾选打开部分网站依然还会继续自动跳转哦。 ......