《触摸屏控制技术与应用》 教案 项目3 开关和指示灯的应用

《触摸屏控制技术与应用》

教案

姓名

XXXXXXXX教案

课程名称：触摸屏控制技术与应用授课人：XX

课题§3开关和指示灯的介绍课时2

1.掌握位状态设置元件的功能与作用

教学目的2.掌握位状态设置元件的使用与设置

3.掌握位状态指示灯的功能与作用

与要求

4.掌握位状态指示灯的使用与设置

重点：

教学重点

1、掌握位状态设置元件的添加与设置操作

与难点2、掌握位状态指示灯的添加与设置操作

教学方法课堂讲授（PPT授课+小组讨论+实物展示）

主要内容及步骤备注

一、组织教学：组织课堂，介绍本门课程的体系

结构，告知学习的基本要求。

二、课题导入

教回顾上节课内容

三、新课讲授

学

3.1位状态设置元件

过3.2位状态指示灯的应用小组讨论

四、强化巩固

程通过提问的方式加强巩固

五、总结拓展

1.课堂内容总结2.布置作业

授课效果

分析总结

教学内容课堂互动

一、组织教学

提前组织教

调节课堂气氛调动学生积极性，共同创设和谐动感课堂学

推荐教材：

《触摸屏控制技术与应用》汇邦教材

二、课题导入

上星期的课讲了两个方面，一个是新建工程文件的方法，主要

是PLC与触摸屏进行通讯、选型；工程文件保存、编译、模拟和下课题导入

载的操作，将组态软件的东西下载到触摸屏硬件上，通过触摸屏来

控制PLC；第二个是多画面与自定义画面的设计，学习新建画面，

导入图片等操作。

三、新课讲授

§3开关和指示灯的介绍

3.1位状态设置元件

1、任务分析

“位状态设置”用于设定位寄存器的状态。此元件提供手动

操作与自动执行两种操作模式。使用手动操作模式，按压此按钮可基本知识讲

解

以将寄存器的状态设定为ON或0FFo

若使用自动执行模式，则在某些特定条件下会自动执行指定的

动作，使用此种操作模式，即使按压此按钮也不会有任何影响。

2、任务内容

用位状态元件来控制PLC输出继电器Y0的输出，触摸屏页面设

计效果如下图3-5所示。

3、操作步骤

步骤一：添加“启动”按钮：打开10号控制窗口，选择元件一

开关一位状态设置，或者点击位状态设置快捷键，选择PLC为

FX3U,类型为复归型，图片调用图库图片，PLC地址为M0,如图3-1

所示。

步骤二：设置“启动”标签：点击标签，对应插入标签，勾选

“使用文字标签”，在内容栏输入名称“启动”，字体为“楷

体”，尺寸为“25”，点击“确定”，如图3-2所示。

图3-1添加“启动”按钮

图3-2设置“启动”标签

步骤三：添加“停止”按钮：同步骤一，添加“位状态设

置”PLC地址为Ml,如图3-3所示。

步骤四：设置“停止”标签：点击标签，对应插入标签，勾选

“使用文字标签”，在内容栏输入名称“停止”，字体为“楷

体”，尺寸为“25”，如图3-4所示。

新增位状态设置元件

图3-3添加“停止”按钮图3-4设置“停止”标签

步骤五：添加文字：内容为“自动页面”，字体为“楷体”，

字号为“25”，颜色为“黑色”，在窗口中上方放置，效果如下图

3-5所示。

育动界面

PW1+rwn

图3-5设置效果图

步骤六：下载并调试文件：将触摸屏程序编译后写入到触摸

屏，然后编写PLC程序，将触摸屏与PLC通讯线连接成功后调试程

序。

三、知识拓展

1.开关类型说明

开关类型说明如下表3-1所描述。

表3-1位状态设置元件开关类型属性表

开关类型属性描述

设为ON按压此元件后，所指定寄存器的状态将设定为ON。

设为OFF按压此元件后，所指定寄存器的状态将被设定将为OFF。

按压此元件后，所指定寄存器的状态将被反向，即ON变OFF,

切换开关

OFF变ON。

按压此元件后，所指定寄存器的状态将先被设定为ON,但手放

复归型

开后，状态将被设定为OFF。

所指定寄存器的状态将在ON与OFF间周期性切换，此模式为

周期切换开关

自动执行。可设定的周期为0.1秒〜25.5秒。

元件所在位置的窗口被打开时，所指定寄存器的状态将自动被

窗口打开时设ON

设定为0N。

元件所在位置的窗口被打开时，所指定寄存器的状态将自动被

窗口打开时设OFF

设定为OFF。

元件所在位置的窗口被关闭时，指定寄存器的状态将自被设定

窗口关闭时设ON

为ON。

元件所在位置的窗口被关闭时，所指定寄存器的状态将自动被

窗口关闭时设OFF

设定为OFF。

当背光灯开时设ON

（不支持cMT-SVR系当背光灯打开时，所指定寄存器的状态将自动被设定为ON。

列）

当背光灯开时设OFF

（不支持cMT-SVR系当背光灯打开时，所指定寄存器的状态将自动被设定为OFF.

列）

当背光灯关时设ON

（不支持cMT-SVR系当背光灯关闭时，所指定存器的状态将自动被设定为ON。

列）

当背光灯关时设OFF

（不支持cMT-SVR系当背光灯关闭时，所指定寄存器的态将自动被设定为OFF。

歹U）

3.2位状态指示灯的应用

1.任务内容

用位状态指示灯来模拟显示电机正转、反转，触摸屏画面设计

如下图3T2所示。

3.操作步骤

步骤一：添加“正转”位状态指示灯：打开10号窗口，选择元

件一11位状态指示灯，在一般属性中把PLC地址设为Y0,如图3-6所

Zj\O

步骤二：设置“正转”指示灯颜色：在图片中选择“0”状

态，把指示灯显示颜色设为绿色；再选择“1”状态，把指示灯显

示颜色设为绿色，如图3-7所示。

rig位状态指示灯/位状态切换开关元件

一般属性聒’|圄片|标笈_______________________________

描述：

修位状态指示灯e位状态切换开关

读取地址

PU：名称：iNitsubishiFX3U/nt3G.厂设量.

地址：也—▼]（）

[□输出反向

闪烁

模式：

[□若当前状态无相对应的图片时，不显示图片

|碉定][取消]|帮助|常而

图3-6添加“正转”位状态指示灯图3-7设置“正转”指示灯颜色

步骤三：设置“正转”标签：在标签设置中勾选“使用文字标

签”，把字体设为宋体，颜色设为绿色，尺寸设为20,内容中输入

“正转”，如图3-8所示。

步骤四：添加并设置“反转”位状态指示灯：同正转指示灯一

样，在一般属性中把PLC地址设为Y1,如图3-9所示。在图片中把指

示灯显示颜色设为黄色，如图3-10所示。在标签设置中勾选“使用

文字标签”，把字体设为宋体，颜色设为黄色，尺寸设为20,内容

中输入“反转”，如图3-11所示。

图3-8设置“正转”标签图3-9添加“反转”位状态指示灯

新增位状态指示灯/位状态切换开美元件

图3-10设置“反转”图片图3-11设置“反转”标签

步骤五：添加控制按钮;

添加正转启动按钮：读取写入地址为“M0”，标签内容为“正

转启动”，字体为“宋体”，字号为“25号”，颜色为“黑色”，

其余保持默认。

添加反转启动按钮；读取写入地址为“Ml”，标签内容为“反

转启动”，字体为“宋体”，字号为“25号”，颜色为“黑色”，

其余保持默认。

添加停止按钮；读取写入地址为“M2”，标签内容为“停

止”，字体为“宋体”，字号为“25号”，颜色为“黑色”，其余

保持默认。

添加完成后下载并调试文件：将触摸屏程序编译后写入到触摸

屏，然后编写PLC程序，将触摸屏与PLC通讯线连接成功后调试程

序，如图3T2所示。

图372下载并调试文件

知识拓展

1、其他一般属性设置说明

其他一般属性设置说明如下表3-2所示:

一般属性说明

描述用户可为此元件描述相关信息。

点选“设置”后选择位寄存器地址类型的设备、地址、地址类型、系

统寄存器、索引寄存器等来控制位状态指示灯。用户也可在“一般属

读取地址性”页中设定地址。

输出反向：可以将读取的状态作反向显示，例如位的状态实际上为

OFF,但勾选了“输出反向”后会显示为ON。

闪烁设定元件在位状态为ON或OFF的显示方式。

2、闪烁状态显示模式设定

闪烁状态显示模式设定说明如下表3-3所示:

表3-3闪烁模式说明表

无不闪烁。

状态为0时显示图片状态为OFF时，图片会进行状态0及状态1交互闪烁。

状态为1时显示图片状态为ON时，图片会进行状态0及状态1交互闪烁。

状态为0时闪烁状态为OFF时，图形0会进行出现与消失交互动作。

状态为1时闪烁状态为ON时，图形1会进行出现与消失交互动作。

四、强化巩固

用触摸屏来控制电机运行，同时触摸屏显示电机的状态，用指

示灯表示。

五、总结拓展

（一）课堂总结

（1）位状态设置元件的功能与作用

（2）位状态设置元件的使用与设置

（3）位状态指示灯的功能与作用

（4）位状态指示灯的使用与设置

（二）布置作业

练习并总结课堂内容

《触摸屏控制技术与应用》

教案

姓名

XXXXXXXX教案

课程名称：触摸屏控制技术与应用授课人：XX

课题§3.3多状态设置元件的应用课时2

教学目的1.掌握多状态设置元件的功能与作用

与要求2.掌握多状态设置元件的使用与设置

教学重点

重点：掌握多状态设置元件的添加与设置操作

与难点

教学方法课堂讲授（PPT授课+小组讨论+实物展示）

主要内容及步骤备注

一、组织教学：

组织课堂，介绍本门课程的体系结构，告知学

习的基本要求。

教二、课题导入

学回顾上节课内容

三、新课讲授

过3.3多状态设置元件的应用小组讨论

四、强化巩固

程

通过提问的方式加强巩固

五、总结拓展

1.课堂内容总结…

2.布置作业

授课效果

分析总结

教学内容课堂互动

一、组织教学

提前组织教

调节课堂气氛调动学生积极性，共同创设和谐动感课堂学

推荐教材：

《触摸屏控制技术与应用》汇邦教材

二、课题导入

上节课主要通过两个任务来进行位状态设置的讲解，包括位状

态设置按键和位状态指示灯。对于位状态元件的设置可以在属性里

面进行修改，包括状态设置、安全设置、标签、图形外观的修改课题导入

等。

三、新课讲授

§3触摸屏介绍

3.3多状态设置元件的应用

1.任务内容

用多状态设置来改变两台电机顺序启动中的延时时间。延时时

间用数据寄存器DO来设定。控制要求是按下启动按钮SB1第一台电机

启动，延时DO里的时间后第二台电机启动，按下停止按钮SB2两台电

机都停止。基本知识讲

解

2.操作步骤

步骤一：添加“启动”按钮：打开10号控制窗口，选择元件一

开关一位状态设置，或者单击位状态设置快捷键，选择PLC为

FX3U,类型为复归型，图片调用图库图片，PLC地址为M0,如图3-

13所示。

步骤二：设置“启动”标签：点击标签，对应插入标签，使用

文字标签，在内容栏输入名称“启动”，字体修改为仿宋，尺寸修

改为25,点击确定，如图3-14所示。

新增位状态

图3-20设置“二号电机”位状态指示灯

步骤八：添加多状态设置元件：打开10号控制窗口，选择元件

一多状态设置，在一般属性中把PLC地址设为D0,如图3-21所示。

步骤九：设置多状态元件属性：在属性设置中模式选择递加

(JOG+),增递值设为10,上限值设为1000。在标签设置中使用文

字标签打钩，内容设为“延时设置”，最后点击确定，如图3-22所

zj\O

图3-21添加多状态设置元件图3-22设置多状态元件属性

步骤十：点击确定，效果如图3-23所示。

图3-23设置完成效果图

3、任务拓展

1、多状态设置元件的其他属性模式设置说明

(1)写入常数

设置常数功能。每按压一次元件，“设置常数”中的设定值将

写至指定的寄存器中。常数的类型可为16-bitBCD、32-bitBCD、

32-bitfloat等。以下图为例，当按压此按钮后，会将数值12写

入指定的寄存器中。

量性

模式写入常数-

121

图3-24常数设定

(2)递加(J0G+)

加值功能。每按压一次元件，所指定寄存器内的数据将加上

“递加值”中设定的增量值，但增值的结果将不超过“上限值”中

的设定值。以下图为例，每按压一次此按钮后，会将指定的寄存器

中的数值+1,直至抵达上限值10。

属性

递加值：\r_上限值

图3-25递加设定

(4)递减(J0G-)

减值功能。每按压一次元件，所指定寄存器内的数据将减去

“递减值”中设定的减量值，但是减值的结果不会低于“下限值”

中的设定值。以下图为例，每按压一次此按钮后，会将指定的寄存

器中的数值T,直至抵达下限值0o

蜃性

I递减(J0L)

递减值：1下限值：|0

图3-26递减设定

(5)按住按钮时递加(JOG++)

按住按钮时递加功能。若按压元件超过“迟滞时间”设定时

间，则所指定寄存器内的数据将以“递加速度”所设定的速度，每

次增加“递加值”中设定的增量值，但增量的结果将不超过“上限

值”中的设定值。以下图为例，每按压一次此按钮后，会将指定的

寄存器中的数值+1,若按住此按钮的时间超过1.0秒后，会以每

0.5秒的速度持续+1直到抵达上限值10。

E动态限制

图3-27按住递加设定

（6）按住按钮时递减（JOG—）

按住按钮时递减功能。若按压元件超过“迟滞时间”的设定时

间，则所指定寄存器内的数据将以“递加速度”所设定的速度，每

次减少“递减值”中设定的减量值，但减值的结果不会低于“下限

值”中的设定值。以下图为例，每按压一次此按钮后，会将指定的

寄存器中的数值T,若按住此按钮的时间超过1.0秒后，会以每0.5

秒的速度持续T到抵达下限值0。

模式〔按住按钮时逸感，

读藏值.11下限值:0

迟希时间|10秒▼1递加速度0.5秒•1

［动态限制

图3-28按住递减设定

（7）周期循环（0->最大值->0）

周期性递加功能。“多状态设置”元件会使用“频率”设定的

周期与“递加值”中设定的增量值，自动增量所指定寄存器内的数

据，但增量的结果将不超过“上限值”中的设定值。以下图为例，

系统会自动将指定的寄存器中的数值以每0.5秒一次的频率+1,直到

抵达上限值10,接着数值会返回0再重新持续+1。

图3-29周期循环设定

（8）自动递增（增至上限值）

周期性递增功能。“多状态设置”元件会使用“频率”设定的

周期，自动将所指定寄存器内的数据加上“递加值”中设定的增量

值，当结果等于“上限值”时自动停止。以下图为例，系统会自动

将指定的寄存器中的数值以每0.5秒一次的频率+1,直到抵达上限值

10后停止。

原性

图3-30自动递增设定

（9）自动递减（减至下限值）

周期性递减功能。“多状态设置”元件会使用“频率”设定的

周期，自动将所指定寄存器内的数据减去“递减值”中设定的减量

值，当结果等于“下限值”时自动停止。以下图为例，系统会自动

将指定的寄存器中的数值以每0.5秒一次的频率-1,直到抵达下限值

0后停止。

原性

模式-栏觊.幽：招丽Fi————，

递减值：|1|下限值：o

频率—5杪71

图3-31自动递减设定

（10）周期循环（自定范围）

周期性循环功能。“多状态设置”元件会使用“频率”设定的

周期，每次将所指定寄存器内的数据加上“递加值”中的设定值，

直到寄存器内的数据等于“上限值”；接着使用相同的周期，将寄

存器内的数据减去“递加值”中的设定值，直到寄存器内的数据等

于“下限值”。以下图为例，系统会自动将指定的寄存器中的数值

以每0.5秒一次的频率+1,直到抵达上限值10,接着再以相同的频率

-1直到等于下限值0,如此周而复始的执行不停止。

量性

梗式I周期循环（自定范国）-I

下限值：o上限值：1。

递加值:I

频率回5秒一▼|

图3-32周期循环设定

（11）周期递加（从低到高）

步进功能。“多状态设置”元件会使用“频率”设定的周期，

每次将所指定寄存器内的数据加上“递加值”中的设定值，直到寄

存器内的数据等于“最大值”，接着会将寄存器内的数据复归为

“最小值”，并重复先前的动作，让数据一直保持动态变化。以下

图为例，系统会自动将指定的寄存器中的数值以每0.5秒一次的频率

+1,直到抵达上限值10,接着再返回下限值0重新递增，如此周而复

始的执行不停止。

属性

模式：I周期递加林低到高-.)一，

最小值：0最大值：10—

递加值：1

频率：［0.5秒▼1

图3-33周期递加设定

(12)周期递减(从高到低)

步退功能。“多状态设置”元件会使用“频率”设定的周期，

每次将所指定寄存器内的数据减去“递减值”中的设定值，直到寄

存器内的数据等于“最小值”，接着会将寄存器内的数据复归为

“最大值”，并重复先前的动作，让数据一直保持动态变化。以下

图为例，系统会自动将指定的寄存器中的数值以每0.5秒的频率-1,

直到抵达下限值0,接着再返回上限值10重新递减，如此周而复始的

执行不停止。

属性

模式：周期递减以高到低…)▼

最小值：“最大值：10

递减值：1

频率：.5秒▼

图3-34周期递减设定

(13)循环递加(CyclicJ0G+)

加值功能。每按压一次元件，所指定寄存器内的数据将加上

“递加值”中设定的增量值。当增量值达到上限时，会复归回下限

再重新递增。以下图为例，每按压一次此元件后，会将指定的寄存

器中的数值+1,当抵达上限值10后会自动复归回0再递增执行。

EK性

候式「循环逐加00也__________________；

下隰值o上限值：记一

差加值：1

■动态限制

图3-35循环递加设定

(14)循环递减(CyclicJ0G-)

减值功能。每按压一次元件，所指定寄存器内的数据将减去

“递减值”中设定的减量值。当减量值达到下限时，会复归回上限

再重新递减。以下图为例，每按压一次此元件后，会将指定的寄存

器中的数值T,当抵达下限值0后会自动复归回10再递减执行。

段性

粳式循环速成005）

下限值0上限值10

递藏值1

E,动态限制

图3-36循环递减设定

（15）按住按钮时循环递加（JOG++）

持续递加功能。当按住按钮的时间超过“迟滞时间”时，此元

件会根据“递加速度”的设定将指定寄存器的数据持续的递加至上

限值，之后会复归回下限值。以下图为例，每按压一次此按钮后，

会将指定的寄存器中的数值+1,若按住此按钮的时间超过0.5秒后，

会以1.0秒的速度持续+1直到抵达上限值10,接着会复归回0再递增

执行。

量性

模式按住按钮时循环递加（JOS+）▼

下限值.0上限值：10

递加值.1

退荒时间:|0.5秒递加速度：10秒-1

动态限制

图3-37按住循环递加设定

（16）按住按钮时循环递减（J0G-）

持续递减功能。当按住按钮的时间超过“迟滞时间”时，此元

件会根据“递减速度”的设定将指定寄存器的数据递减至下限值，

之后会复归回上限值。以下图为例，每按压一次此按钮后，会将指

定的寄存器中的数值-1,若按住此按钮的时间超过0.5秒后，会以每

1.0秒的速度持续T直到抵达下限值0,接着会复归回10再递减执

行。

mi

模式展住按扭时循环通城（joj一，

下限值：0上限值：10

丁或值:1

迟蒲时诃：|0.5秒速加速度：|1.0秒

口动态限制

图3-38按住循环递减设定

四、强化巩固

通过多状态设置来设计由一个按键来控制多个电机的启动

五、息结拓展

（一）课堂总结

（1）多状态设置元件的功能与作用

（2）多状态设置元件的使用与设置

（二）布置作业

练习触摸屏与PLC的通信参数设置与触摸屏常见系统设置内容

《触摸屏控制技术与应用》

教案

姓名

XXXXXXXX教案

课程名称：触摸屏控制技术与应用授课人：XX

课题§3开关和指示灯的介绍课时2

1.掌握多状态指示灯元件的功能与作用

教学目的2.掌握多状态指示灯元件的使用与设置

与要求3.掌握功能键的功能与作用

4.掌握功能键的使用与设置

教学重点重点：掌握多状态指示灯的添加与设置操作

难点：掌握多状态指示灯的添加与设置操作

与难点

教学方法课堂讲授（PPT授课+小组讨论+实物展示）

主要内容及步骤备注

一、组织教学：组织课堂，介绍本门课程的体

系结构，告知学习的基本要求。

二、课题导入

教回顾上节课内容

学三、新课讲授

3.4多状态指示灯应用

过3.5位状态指示灯的应用小组讨论

四、强化巩固

程

通过提问的方式加强巩固

五、总结拓展

1.课堂内容总结…

2.布置作业

授课效果

分析总结

教学内容课堂互动

一、组织教学

提前组织教

调节课堂气氛调动学生积极性，共同创设和谐动感课堂学

推荐教材：

《触摸屏控制技术与应用》汇邦教材

二、课题导入

上节课主要通过用多状态设置来改变两台电机顺序启动中的延

时时间。延时时间用数据寄存器DO来设定。控制要求是按下启动按

课题导入

钮SB1第一台电机启动，延时DO里的时间后第二台电机启动，按下

停止按钮SB2两台电机都停止这个任务来进行多状态设置的讲解，

包括基本参数设置及相关属性设置讲解。

三、新课讲授

§3开关和指示灯的介绍

3.4多状态指示灯应用

1、任务分析

“多状态指示灯”元件利用字符寄存器内的数据，显示相对的

状态与图形（最多可支持256种状态的显示）。

基本知识讲

当寄存器内的数值为。时，显示“状态0”；当数值为1时，则解

显示“状态1”，以此类推。

2.任务内容

用多状态指示灯显示电机正转与反转的状态。

3.操作步骤

步骤一：添加“正转启动”按钮：打开10号控制窗口，选择元

件一开关一位状态设置，或者点击位状态设置快捷键，写入地址设

备为三菱FX3U/FX3G,类型为复归型，图片调用图库图片，地址为

M0,如图3-39所示。

步骤二：设置“正转启动”标签：点击标签，对应插入标签，

使用文字标签，在内容栏输入名称“正转启动”，字体为“仿

宋”，其余保持默认，点击确定，如图3-40所示。

图3-39添加“正转启动”按钮图3-40设置“正转启动”标签

步骤三：添加并设置“反转启动”按钮：同步骤一和二操作添

加反转启动按钮，把PLC地址设为Ml,标签内容设为“反转启

动”，字体为“仿宋”，其余保持默认，如图3-41所示。

图3-41设置“反转启动”按钮

步骤四：添加多状态指示灯：打开10号控制窗口，选择元件一

多状态指示灯，在一般属性中将模式设为：“数据”，偏移量为：

0,PLC地址设为：D0,状态数设为：2,如图3-42所示。

图3-42添加多状态指示灯

步骤五：设置状态0、1的颜色与标签：在图片设置中把状态0

设为绿色，状态1设为黄色，如图3-43所示；在标签设置中使用文

字标签，在状态。中内容设为正转，状态1中内容设为反转，其余保

持默认。

步骤六：点击确定效果如图3-44所示。

步骤七：下载并调试文件：将触摸屏程序编译后写入到触摸

屏，然后编写PLC程序，PLC程序中要求电机正转时D0里面的数值等

于“0”，电机反转时D0里面的数值等于“1”将触摸屏与PLC通讯

线连接成功后调试程序。

SB一0(正M-0徐)启动

图3-44设置完成效果图

知识拓展

1、其他功能介绍

（1）数据进制转换（LSB模式）

此数据模式首先会将寄存器内的数据先转换为2进制，接着使

用不为0的最低位决定元件目前的状态。以下表数据与显示状态

对应表3-4为例:

十进制二进制显示的状态

00000全部bit皆为0,则显示状态0

10001不是0的最低位为bit0,此时显示状态1

20010不是0的最低位为bit1,此时显示状态2

30011不是0的最低位为bit0,此时显示状态1

40100不是0的最低位为bit2,此时显示状态3

50101不是0的最低位为bit0,此时显示状态1

60110不是0的最低位为bit1,此时显示状态2

70111不是0的最低位为bit0,此时显示状态1

81000不是0的最低位为bit3,此时显示状态4

（2）周期转换状态

元件的状态会依照固定的频率依序变换状态。用户可以利用

“频率”设定状态改变频率。

读取地址：点选“设置”后选择字符寄存器地址类型的“设

备”、“地址类型”、“地址”、“系统寄存器”、“索引寄存

器”来控制多状态指示灯元件。用户也可在“一般属性”页中设

定地址。

（3）属性状态数

元件显示的状态数目。状态从0开始编号，能显示的最大状态

编号为设定的“状态数”减1,当要求显示超过设定的状态数时，

系统会显示最后一个状态。例如设定“状态数”为8,则显示的状

态依序为0,1,2,...7,若要求寄存器显示状态8（含）以上的

状态时，显示的图片仅显示状态7。

（4）若当目前状态无相对应的图片时，不显示图片

若勾选“当目前状态无相对应的图片时，不显示图片"，当图

片数目不足以显示全部状态时，将不显示图片。反之则显示最后一

个状态。

3.5功能键应用

1.任务分析

“功能键”元件提供窗口切换、键盘制作、宏执行及画面打印

等功能，同时也可用于设定USB安全密钥。

2.任务内容

用功能键制作开机页面、操作页面、设置页面的切换。

3.操作步骤

步骤一：打开元件列表：打开窗口一选择元件列表，如图3-45

所示。

窗口X

元件列表

：■■-3:FastSelection

4:CommonWindow

|-5:DeviceResponse

j6:HMIConnection

7:PasswordRestrict1

8:StorageSpaceInsi

h9:Backup

3*10:WINDOW.OIO

!*11:窗口_011

|12

I13

I14

III

地址I窗口I网页I

图31打开元件列表

开机页面设计

步骤二：添加开机页面：将10号窗口WIND0W-010设置为开机页

面，单击WIND0W-010然后点鼠标右键进入设置页面。将窗口名称设

为“开机页面”，点击确定，如图3-46所示。

图3-46添加开机页面

步骤三：设置开机页面：在开机页面中新增文字，字体选择宋

体、尺寸选择30、颜色选择红色，内容输入“开机页面”，点击确

定，效果如图3-47所示。

图3-47设置开机页面

操作页面设计

步骤四：添加操作页面：点击窗口11,右击选择新增，在窗口

名称中输入“操作页面”。颜色选择绿色，点击确定，如图3-48所

zj\O

图3-48添加操作页面

步骤五：设置操作页面：在操作页面中新增文字，字体选择楷

体、尺寸选择30、颜色选择红色，内容输入“操作页面”，点击确

定，效果图如图3-49所示。

文字能注元件属性

图3-49设置操作页面

设置页面设计

步骤六：添加设置页面:点击窗口12,右击选择新增，在窗口

名称中输入“设置页面”。颜色选择黄色，点击确定，如图3-50所

Zj\O

图3-50添加设置页面

步骤七：设置设置界面：在操作页面中新增文字，字体选择楷

体、尺寸选择30、颜色选择红色，内容输入“设置页面”，点击确

定，效果如图3-51所示。

新增文字/fit注元件

设置页面

图3-51设置设置界面

添加功能键完成页面相互切换功能

步骤八：添加功能键（开机页面切换至操作页面）：打开10号

控制窗口，选择元件一功能键白功蹦，在一般属性中将窗口编号

选为“11.操作页面”，在标签设置中使用文字标签，字体改为

楷体”，在内容栏输入“操作页面”，点击确定，如图3-52所

Zj\O

图3-52开机页面切换至操作页面

步骤九：添加功能键（开机页面切换至设置页面）：打开10号

控制窗口，选择元件一功能键日功躁，在一般属性中将窗口编号

选为“12.设置页面”，在标签设置中使用文字标签，字体设为楷

体，在内容栏输入“设置页面”，点击确定，如图3-53所示。

图3-53开机页面切换至设置页面

步骤十：添加功能键（操作页面切换至开机页面）：打开n号

控制窗口，选择元件一功能键事功躁，在一般属性中将窗口编号

选为“10.开机页面”，在标签设置中使用文字标签，字体设为楷

体，尺寸16,颜色为黑色，在内容栏输入“开机页面”，点击确

定，如图3-54所示。

图3-54操作页面切换至开机页面

步骤十一：添加功能键（操作页面切换至设置页面）：打开n

号控制窗口，选择元件一功能键昌功槌，在一般属性中将窗口编

号选为“12.设置页面”，在标签设置中使用文字标签，字体设为

楷体，尺寸16,颜色为黑色，在内容栏输入“设置页面”，点击确

定，如图3-55所示。

步骤十二：添加功能键（设置页面切换至开机页面）：打开12

号控制窗口，选择元件一功能键昌功翻，在一般属性中将窗口编

号选为“10.开机页面”，在标签中使用文字标签，字体设为楷

体，尺寸16,颜色为黑色，在内容栏输入“开机页面”，点击确

定，如图3-56所示。

图3-56设置页面切换至开机页面

步骤十三：添加功能键（设置页面切换至操作页面）：打开12

号控制窗口，选择元件一功能键昌功麴，在一般属性中将窗口编

号选为“H.操作页面”，在标签中使用文字标签，字体设为楷

体，尺寸16,颜色为黑色，在内容栏输入“操作页面”，点击确

定，如图3-57所示。

功aaa元件属性

一般属回安全呼：标签茏廓一

移动方向：

内容BH鲍际缄字SgK寸

|操作情面

口标签位置连动L—格当前内容复出融的ji添_]

图3-57设置页面切换至操作页面

设置完成效果如图3-58所示。

升机页面

|履尺页面I['耳机页面I14五页面I

设置页面

怪作页面I

图3-58设置完成效果图

步骤十四：单击离线模拟，测试是否达到任务要求功能。

四、强化巩固

多状态设置元件用于设定的数据。

功能键元件提供、、和

_________等功能。

要求设计两个画面，一个为控制画面，一个为监视画面。两个

画面能够通过功能键自由的切换。

五、总结拓展

（-）课堂总结

（1）多状态指示灯元件的功能与作用

（2）多状态指示灯元件的使用与设置

（3）功能键的功能与作用

（4）功能键的使用与设置

（二）布置作业

练习并总结课堂内容

《触摸屏控制技术与应用》

教案

姓名

XXXXXXXX教案

课程名称：触摸屏控制技术与应用授课人：XX

课题§3.6滑动开关的应用课时2

教学目的1.掌握滑动开关的功能与作用

与要求2.掌握滑动开关的使用与设置

教学重点重点：掌握滑动开关的添加与设置操作

难点：掌握滑动开关的添加与设置操作

与难点

教学方法课堂讲授（PPT授课+小组讨论+实物展示）

主要内容及步骤备注

一、组织教学：组织课堂，介绍本门课程的体

系结构，告知学习的基本要求。

二、课题导入

教回顾上节课内容

学三、新课讲授

3.6滑动开关的应用

过四、强化巩固小组讨论

通过提问的方式加强巩固

程

五、总结拓展

1.课堂内容总结…

2.布置作业

授课效果

分析总结

教学内容课堂互动

、组织教学

提前组织教

调节课堂气氛调动学生积极性，共同创设和谐动感课堂学

推荐教材：

《触摸屏控制技术与应用》汇邦教材

-、课题导入

上节课主要讲了多状态指示灯与功能键的设置与应用，要掌握

多状态指示灯的设置方法与应用场合，区分位状态指示灯与多状态

课题导入

指示灯的区别，同时掌握功能键的应用与参数设置。

新课讲授

§3触摸屏介绍

3.6滑动开关的应用

1.任务分析

滑动开关是用来建立一个滑块区域显示数值或由拖动滑块改变

指定寄存器数值。

2.任务内容

任务内容要求完成下面图3-59所示画面的设计，包含新建开机

基本知识讲

页面、滑动开关、棒图、数值元件等，并且仿真测试。解

升机IT面

<0O1)BG.0(3)St_ltDO)

■■

=-

#].svm)8

图3-59滑动开关的应用

3.操作步骤

步骤一：添加文字：点击元件一添加“A”内容设为“开机画

面”，字体设为楷体，颜色为蓝色，尺寸设为30,其余默认，设置

如图3-60所示。

步骤二：添加滑动开关实现按钮功能：点击“元件”，选择滑

动开关，一般属性栏一属性一方向一向上移动，最小刻度设为默

认，上下限设为默认，写入地址一设备设为FX3U一地址设为D1,监

看地址勾选“启用”一地址设为默认，设置如图3-61所示。

“外观”栏根据自己喜好自行选择，其余项目默认。

步骤三：添加数值元件：添加元件“数值”，读/写地址设为

DL各栏目选择默认。设置如图3-62所示。

步骤四：添加棒图：点击“元件”一曲线图一棒图，弹出对话

框一一般属性一读取地址设为FX3U,地址设为D1；点击“外观栏”

类型一直条，属性一一般型，其余选项默认。

点击“范围栏”属性一最小值设为0,最大值100,目标值设为

50,允许偏差3,报警范围，下限值设为10,颜色一黄色，上限值

设为90,颜色设为红色。其余栏目默认，如图3-63所示。

丽弗玩佛E性U文字/批注元件属性

一般属性[如虹[安全]图片|轮廓

描述：一

属性

方向：他卜蹑▼]最小刻度：1

下/上限：。，常数地址

下限：葭±J31：100

口滚硼真式

写入地址

设备：IMitsubishiFX3U/FX3G可设置…

地址：.▼]1]||16-bitIfasign

通知

□启用

监看地址

国启用

设备：LocalHMI▼『一随一I

地址：[LV▼016-bitUnzign

[脸1|取消]|帮助

图3-60添加文字图3-61添加滑动开关

图3-62添加数值元件

新增棒图初_||

一般属性I丽—I范困I安全I图片

描述:

读取地址

设备：MitsubishiFX3U/FX3G▼1设一...]

地址"D--1|||Ifasig

[碓]|函]

图3-63设置棒图

步骤五：添加滑动开关实现滑块显示数值功能：添加元件“滑

动开关”按照步骤二同样设置，只将地址改为DO,不启用监视地

址。

步骤六：添加“多状态设置”元件，一般属性一设备一FX3U设

为地址DO,属性一模式一周期循环（0-〉最大值->0...）一递加值设为

1,最小值为0,最大值为100,频率设为0.5秒。其余选项默认。设

置如图3-64所示。

步骤七：添加“数值”元件：一般属性一读取/写入地址设为

D0,其余选项默认，设置如图3-65所示。

防许安全BW“3

修：

wAtm

|MrtwbKh>hX«U/»XK.

kW:016-bilUmiqncd

图3-64添加“多状态设置”图3-65添加“数值”元件

步骤八：仿真与调试程序：设置完成之后，点击编译，保存文

件，然后进行离线仿真，

进行任务要求功能测试。

四、强化巩固

用滑动开关来设计一个水箱，水箱到达上限报警，低于下限也

报警。

五、总结拓展

（一）课堂总结

（1）滑动开关的功能与作用

（2）滑动开关的使用与设置

（二）布置作业

总结并练习课堂内容

《触摸屏控制技术与应用》

教案

姓名

XXXXXXXX教案

课程名称：触摸屏控制技术与应用授课人：XX

课题§3.7位状态切换开关的应用课时2

教学目的1.掌握位状态切换开关的功能与作用

与要求2.掌握位状态切换开关的使用与设置

教学重点

重点：掌握位状态切换开关的添加与设置操作

与难点难点：掌握位状态切换开关的添加与设置操作

教学方法课堂讲授（PPT授课+小组讨论+实物展示）

主要内容及步骤备注

一、组织教学：

组织课堂，介绍本门课程的体系结构，告知学

习的基本要求。

教二、课题导入

学回顾上节课内容

三、新课讲授

过3.7位状态切换开关的应用小组讨论

四、强化巩固

程

通过提问的方式加强巩固

五、总结拓展

1.课堂内容总结…

2.布置作业

授课效果

分析总结

教学内容课堂互动

一、组织教学

提前组织教

调节