山大《运动控制系统》课件第5章 系统的人机界面设计及触摸屏的使用方法-4触摸屏工作原理及 MT500 使用入门

1、1第五章 系统的人机界面设计及触摸屏的使用方法本讲主要内容： 第二节 人机界面与控制系统外壳的色彩搭配 第三节 显示与控制界面的设计原则 第四节 MT500 触摸屏画面组态与数据通讯第521541讲第四节 触摸屏工作原理及 MT500 使用入门 触摸屏是一种标准的人机界面，它是根据显示屏表面接触(如用手指、笔或其它物)，靠电脑来识别其位置的装置。 触摸屏可以代替鼠标和键盘，配有触摸屏的控制系统更直观、简单、易操作。因此，触摸屏在我国和国际上现在已经得到了广泛的应用，触摸屏已经从工业控制、军事装备上的使用，走向了公共信息的查询、电信局、税务局、银行、电力等部门的业务处理。3第四节 触摸屏工作原理

2、及 MT500 使用入门 使用触摸屏能够明确指示并告知操作员机器设备目前的状况，使操作变的简单生动，并且可以减少操作上的失误，即使是新手也可以很轻松的操作整个机器设备。 使用触摸屏还可以使控制系统的配线标准化、简单化，同时也能减少PLC 控制器所需的I/O 点数，降低了生产的成本；同时由于面板控制的小型化、高可靠性及高性能化，将会提高了整套控制系统的设备的附加价值。4第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 1、触摸屏基本工作原理 能将手指或其它物体轻微接触具有感应膜显示屏的指定位置或表面时所产生的人为输入信息自动转化为机器或控制系统能认识的控制信号，这种设

3、备称为触摸屏。 5第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 1、触摸屏基本工作原理 触摸屏装置主要由两大部分组成，如右图所示： 触摸检测装置(感应膜) 屏幕信息转换控制器触摸屏触摸检测装置(感应膜)屏幕信息转换控制器6第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 1、触摸屏基本工作原理 触摸检测装置(感应膜) 安装在显示器的显示表面，用于检测用户的触摸位置，再将该处的信息传送给屏幕信息转换控制器触摸屏触摸检测装置(感应膜)屏幕信息转换控制器手指7第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 1、

4、触摸屏基本工作原理 屏幕转换控制器 主要作用是：接收来自触摸点检测装置的触摸信息并将它转换成触点坐标，判断出触摸的意义后送给PLC； 接收来自PLC发来的命令并转换成屏幕信息。触摸屏触摸检测装置屏幕信息转换控制器手指8第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 2、触摸屏的分类 电阻式触摸屏； 表面声波式触摸屏； 电容式触摸屏； 红外线式触摸屏。 电阻式触摸屏利用压力感应检测触摸点的位置，能承受恶劣的环境因素的干扰，但手感差和寿命短。ITO：透明金属氧化物(如氧化铟)导电层 9第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 2、触

5、摸屏的分类 表面声波式触摸屏； 除了具有一般触摸屏都能响应的X、Y坐标外，表面声波触摸屏的突出特点是它能感知第三轴(Z轴)的坐标，用户触摸屏幕的力量越大，接收信号波形上的衰减缺口也就越宽越深，可以由接收信号衰减处的衰减量计算出用户触摸压力的大小。 用于远程外科手术10第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 2、触摸屏的分类 电容式触摸屏是一块4层复合玻璃屏，用真空金属镀膜技术在玻璃屏的内表面和夹层各镀有一层ITO，玻璃四周再镀上银质电极，最外层是只有0.0015mm厚的玻璃保护层，夹层ITO涂层作为工作面，4个角引出4个电极，内层ITO为屏蔽层，以保证良好

6、的工作环境。 这种触摸屏具有分辨率高、反应灵敏、触感好、防水、防尘、防晒等特点。 容易产生误动作。11第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 2、触摸屏的分类 红外线触摸屏 此触摸屏的特点是不受电流、电压和静电干扰，适宜恶劣的环境条件，但是分辨率较低，易受外界光线变化的影响。 12第四节 触摸屏工作原理及 MT500 使用入门二、 人机界面(触摸屏)画面总体设计步骤 触摸屏画面总体设计步骤如下：第一步：将该触摸屏的画面组态软件装入你所使用的微机(PC)。第二步：分析自动控制系统状态变量、逻辑信号确定HMI所需要在输入(控制)与反馈(显示)信号性质、信号数量

7、及控制速率。13第四节 触摸屏工作原理及 MT500 使用入门二、 人机界面(触摸屏)画面总体设计步骤 第三步：在PC上制作(组态)HMI画面并进行离线(非在线)调试。(不与实际的调速系统和PLC联网) 第四步：将PC上的组态画面下载到触摸屏，然后进行触摸屏与调速系统和PLC的(在线调试)联调。 14第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门 MT500系列触摸屏是EasyView公司生产的专门面向PLC应用的产品之一，如右图所示。 与该触摸屏配套的组态软件是EB500(Easy Builder 500)，该软件的特点是简单易学、易用,功能又比较强大，用户可

8、以用比较短时间掌握其设计使用方法。15第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门1、 EB500安装要求及安装方法计算机硬件要求(建议配置):CPU : INTEL Pentium II 以上等级内存: 64MB 以上硬盘: 2.5GB 以上,最少留有10MB 以上的磁盘空间.16第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门1、 EB500安装要求及安装方法计算机硬件要求(建议配置):RS-232 COM口: 至少保留一个,用于PC机与触摸屏之间下载或上传组态程序。17第四节 触摸屏工作原理及 MT500 使用入门三、EB5

9、00 的安装及使用入门1、 EB500安装要求及安装方法 对操作系统的要求Windows 95 / Windows 98 / Windows NT / Windows 2000 / Windows Me / Windows XP 均可. 18第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门1、 EB500安装要求及安装方法 EasyBuilder500安装步骤第一步：将光盘放入光驱,计算机将会自动运行安装程序,或者您手动运行光盘根目录下的Setup.exe文件,将弹如右图所示界面。191、 EB500安装要求及安装方法 EasyBuilder500安装步骤第二步：

10、 选择安装EB500简体中文版,屏幕将显示如下:201、 EB500安装要求及安装方法 EasyBuilder500安装步骤第二步： 选择安装EB500简体中文版,屏幕将显示如下:211、 EB500安装要求及安装方法 EasyBuilder500安装步骤第三步： 根据向导提示,一路按下Next,如图所示。221、 EB500安装要求及安装方法 EasyBuilder500安装步骤第四步：按下Finish,软件安装完毕，返回初始界面.23第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门2、 PC与触摸屏的连接 (如果有触摸屏)24第四节 MT500 触摸屏画面组态

11、与数据通讯三、EasyBuilder500 的安装及使用入门2、 PC与触摸屏的连接 (如果有触摸屏) 由于PCRS-232和PLCRS-485共用一个COM 口,在调试过程中建议使用MT5-PC 电缆连接线,该连接线把共用的COM 口分成两个独立的COM 口使用. 25第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门3、制作一个最简单的工程“使用简便”是EB500 组态软件的最大优点. 在这里通过演示制作一个只包含一个开关控制元件的工程的过程,来说明EB500 的工程的简单制作方法, 而其它的元件的制作方法和这个开关的制作方法基本上类似.26第五章 系统的人机界

12、面设计及触摸屏的使用方法本讲主要内容：第四节 MT500 触摸屏画面组态与数据通讯 四、EB500 触摸屏画面组态软件简介 五、EB500触摸屏软件组态编辑应用举例第542讲27第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 1、触摸屏基本工作原理 触摸屏装置主要由两大部分组成，如右图所示： 触摸检测装置(感应膜) 屏幕信息转换控制器触摸屏触摸检测装置(感应膜)屏幕信息转换控制器28第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 1、触摸屏基本工作原理 触摸屏装置主要由两大部分组成，如右图所示： 触摸检测装置(感应膜) 屏幕信息转换控

13、制器触摸屏触摸检测装置(感应膜)屏幕信息转换控制器29第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 1、触摸屏基本工作原理 触摸检测装置(感应膜) 安装在显示器的显示表面，用于检测用户的触摸位置，再将该处的信息传送给屏幕信息转换控制器触摸屏触摸检测装置(感应膜)手指屏幕信息转换控制器30第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 1、触摸屏基本工作原理 屏幕转换控制器 主要作用是：接收来自触摸点检测装置的触摸信息并将它转换成触点坐标，判断出触摸的意义后送给PLC或相应的控制装置； 接收来自PLC或相应的控制装置发来的命令并转换成

14、屏幕信息。触摸屏触摸检测装置屏幕信息转换控制器手指31第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类 2、触摸屏的分类 电阻式触摸屏； 表面声波式触摸屏； 红外线式触摸屏； 电容式触摸屏。 电容式触摸屏具有分辨率高、反应灵敏、触感好、防水、防尘、防晒等特点。 容易产生误动作。 ITO：透明金属氧化物(如氧化铟)导电层 32第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类二、 人机界面(触摸屏)画面总体设计步骤触摸屏画面总体设计步骤如下：第一步：将该触摸屏的画面组态软件装入你所使用的微机(PC)。第二步：分析自动控制系统状态变量、逻辑信号

15、确定HMI所需要在输入(控制)与反馈(显示)信号性质、信号数量及控制速率。33第四节 触摸屏工作原理及 MT500 使用入门一、 触摸屏基本工作原理及分类二、 人机界面(触摸屏)画面总体设计步骤触摸屏画面总体设计步骤如下：第一步：将该触摸屏的画面组态软件装入你所使用的微机(PC)。第二步：分析自动控制系统状态变量、逻辑信号确定HMI所需要在输入(控制)与反馈(显示)信号性质、信号数量及控制速率。34第四节 触摸屏工作原理及 MT500 使用入门二、 人机界面(触摸屏)画面总体设计步骤 第三步：在PC上制作(组态)HMI画面并进行离线(非在线)调试。(不与实际的调速系统和PLC联网) 第四步：将

16、PC上的组态画面下载到触摸屏，然后进行触摸屏与调速系统和PLC的(在线调试)联调。 35第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门 MT500系列触摸屏是EasyView公司生产的专门面向PLC应用的产品之一，如右图所示。 与该触摸屏配套的组态软件是EB500(Easy Builder 500)，该软件的特点是简单易学、易用,功能又比较强大，用户可以用比较短时间掌握其设计使用方法。36第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门1、 EB500安装要求及安装方法计算机硬件要求(建议配置):CPU : INTEL Pentiu

17、m II 以上等级内存: 64MB 以上硬盘: 2.5GB 以上,最少留有10MB 以上的磁盘空间.37第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门1、 EB500安装要求及安装方法计算机硬件要求(建议配置):RS-232 COM口: 至少保留一个,用于PC机与触摸屏之间下载或上传组态程序。38第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门1、 EB500安装要求及安装方法 对操作系统的要求Windows 95 / Windows 98 / Windows NT / Windows 2000 / Windows Me / Win

18、dows XP 均可. 39第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门1、 EB500安装要求及安装方法 EasyBuilder500安装步骤第一步：将光盘放入光驱,计算机将会自动运行安装程序,或者您手动运行光盘根目录下的Setup.exe文件,将弹如右图所示界面。401、 EB500安装要求及安装方法 EasyBuilder500安装步骤第二步： 选择安装EB500简体中文版,屏幕将显示如下:411、 EB500安装要求及安装方法 EasyBuilder500安装步骤第二步： 选择安装EB500简体中文版,屏幕将显示如下:421、 EB500安装要求及安装

19、方法 EasyBuilder500安装步骤第三步： 根据向导提示,一路按下Next,如图所示。431、 EB500安装要求及安装方法 EasyBuilder500安装步骤第四步：按下Finish,软件安装完毕，返回初始界面.44第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门请观看EB500的实际安装过程45第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门2、 PC与触摸屏的连接 (如果有触摸屏)接入计算机的RS-32接口上46第四节 MT500 触摸屏画面组态与数据通讯三、EasyBuilder500 的安装及使用入门2、 PC与触

20、摸屏的连接 (如果有触摸屏) 由于PCRS-232和PLCRS-485共用一个COM 口,在调试过程中建议使用MT5-PC 电缆连接线,该连接线把共用的COM 口分成两个独立的COM 口使用. 47第四节 MT500 触摸屏画面组态与数据通讯三、EasyBuilder500 的安装及使用入门2、 PC与触摸屏的连接 (如果有触摸屏) 由于PCRS-232和PLCRS-485共用一个COM 口,在调试过程中建议使用MT5-PC 电缆连接线,该连接线把共用的COM 口分成两个独立的COM 口使用. 48第四节 MT500 触摸屏画面组态与数据通讯三、EasyBuilder500 的安装及使用入门2

21、、 PC与触摸屏的连接 (如果有触摸屏) 由于PCRS-232和PLCRS-485共用一个COM 口,在调试过程中建议使用MT5-PC 电缆连接线,该连接线把共用的COM 口分成两个独立的COM 口使用. 49第四节 触摸屏工作原理及 MT500 使用入门三、EB500 的安装及使用入门3、制作一个最简单的工程“使用简便”是EB500 组态软件的最大优点. 在这里通过演示制作一个只包含一个开关控制元件的工程的过程,来说明EB500 的工程的简单制作方法, 而其它的元件的制作方法和这个开关的制作方法基本上类似.503.制作一个最简单的工程(1)创建一个新的空白工程 首先安装好EB500 软件,然

22、后在开始中选择程序 /EasyBuilder/EasyBuilder500。513.制作一个最简单的工程（1）创建一个新的空白工程 这时如果您是第一次进入系统或者上次进入系统时最后一次打开的是一个空白的工程,将弹出如下对话框: 选择您将使用的触摸屏类型,按下确认即可进入EB500 编辑画面, 在这里我们选择MT510S/508S 640*480,按下确认即可。523.制作一个最简单的工程（1）创建一个新的空白工程屏幕出现533.制作一个最简单的工程（1）创建一个新的空白工程屏幕出现54(1)创建一个新的空白工程 选择菜单文件/保存可保存此工程.假设我们保存此工程为文件名为a.epj，操作过程如

23、下：3.制作一个最简单的工程55(1)创建一个新的空白工程 选择菜单文件/保存可保存此工程.假设我们保存此工程为文件名为a.epj，操作过程如下：3.制作一个最简单的工程563.制作一个最简单的工程（1）创建一个新的空白工程屏幕出现573.制作一个最简单的工程(1)创建一个新的空白工程 选择菜单文件/保存可保存此工程.如下图所示,我们保存此工程为a.epj，按下保存即可。这样,我们的新工程就创建好了.58(1)创建一个新的空白工程 如果我们想观察一下这个空白工程在触摸屏上的显示效果，那么，我们可以这样操作3.制作一个最简单的工程593.制作一个最简单的工程(1)创建一个新的空白工程 如果我们想

24、观察一下这个空白工程在触摸屏上的显示效果，那么，我们可以这样操作603.制作一个最简单的工程(1)创建一个新的空白工程 613.制作一个最简单的工程(1)创建一个新的空白工程 选择菜单工具/离线模拟.这时就可以看到我们刚刚创建的新空白工程的模拟图了,如右图所示: 可以看到该工程没有任何元件,并不能执行任何操作, 在当前屏幕上单击鼠标右键选择Exit或者直接按下空格键可以退出模拟程序623.制作一个最简单的工程(2) 创建一个开关元件 接下来我们向这个工程中添加一个开关元件 首先选择菜单 编辑/系统参数, 弹出系统参数设置对话框,如图所示:633.制作一个最简单的工程(2) 创建一个开关元件 接

25、下来我们向这个工程中添加一个开关元件 首先选择菜单 编辑/系统参数, 弹出系统参数设置对话框,如图所示:643.制作一个最简单的工程(2) 创建一个开关元件 接下来我们向这个工程中添加一个开关元件 首先选择菜单编辑/系统参数,弹出系统参数设置对话框,如图所示:653.制作一个最简单的工程(2) 创建一个开关元件 接下来我们向这个工程中添加一个开关元件 首先选择菜单编辑/系统参数,弹出系统参数设置对话框,如图所示:假设：选择的PLC 的类型为MITSUBISHIFXOn/FX2, 选择我们所使用的相触摸屏的类型663.制作一个最简单的工程(2) 创建一个开关元件 接下来我们向这个工程中添加一个开

26、关元件 首先选择菜单编辑/系统参数,弹出系统参数设置对话框,如图所示:选择菜单元件/位状态切换开关或者按下图标.673.制作一个最简单的工程(2) 创建一个开关元件 接下来我们向这个工程中添加一个开关元件 首先选择菜单编辑/系统参数,弹出系统参数设置对话框,如图所示:选择菜单元件/位状态切换开关或者按下图标.683.制作一个最简单的工程(2) 创建一个开关元件 接下来我们向这个工程中添加一个开关元件 首先选择菜单编辑/系统参数,弹出系统参数设置对话框,如图所示:切换到图形页,选中使用位图复选框,并按下位图库按钮.693.制作一个最简单的工程注意：矢量图与位图的定义矢量图主要是指用线条绘制的各种

27、图形。由于此类图形保存时，采用保存图形的形状和填充特性的方法进行储存，因此它有保存占用空间小，放大后不失真的优点；缺点是色彩比较单调。 位图主要是指以点阵方式保存的各种图形。由于此类图形保存时，采用保存图形中各点的色彩信息的方法进行储存，因此它有色彩丰富、画面细腻的优点；缺点是保存占用空间大，放大后的图形模糊。703.制作一个最简单的工程(2)创建一个开关元件 这时将弹出位图库对话框,按下添加位图库。713.制作一个最简单的工程(2)创建一个开关元件 选择合适的位图库,这里选择bmp1.blb.按下打开按钮. 723.制作一个最简单的工程(2)创建一个开关元件弹出如下对话框,选择第一个位图,按

28、下确认按钮.733.制作一个最简单的工程(2) 创建一个开关元件 这时将返回到图形选择对话框，按下确定。743.制作一个最简单的工程(2)创建一个开关元件在屏幕上按下鼠标左键，把元件放置如下所示：753.制作一个最简单的工程(2)创建一个开关元件 选择菜单文件/保存,接着选择菜单工具/编译. 选择菜单工具/离线模拟，您可以看到您设置的开关在您单击它时将可以来回切换状态,和真正的开关一模一样！ 763.制作一个最简单的工程(2)创建一个开关元件 选择菜单文件/保存,接着选择菜单工具/编译. 选择菜单工具/离线模拟，您可以看到您设置的开关在您单击它时将可以来回切换状态,和真正的开关一模一样！ 77

29、3.制作一个最简单的工程783.制作一个最简单的工程793.制作一个最简单的工程(2) 创建一个开关元件803.制作一个最简单的工程(3)将创建的工程下载到触摸屏 如果您手中有MT5_PC 电缆线的话，把MT5_PC 电缆线的PLC 端连接到PLC，把MT5_PC 电缆线的HMI 端连接到触摸屏的PLCRS485通信口,PC 端连接到您的计算机的COM 口，通上电源. PLC813.制作一个最简单的工程(3)将创建的工程下载到触摸屏 选择菜单工具/在线模拟,这时您在计算机屏幕上用鼠标触控该开关,将可以发现已经可以控制PLC 的对应的输出口Y0了！ 选择菜单工具/下载下载完毕,把触摸屏重新复位,

30、这时您将可以在触摸屏上通过手指来触控这个开关了. 82第四节 MT500 触摸屏画面组态与数据通讯四、EB500 触摸屏画面组态软件简介 整个EasyView500 系统共包含3 个模块:EasyLoadUpload(上传)和Download(下载),EasyWindow(在线模拟和离线模拟)及Easybuilder(组态). 这三个模块都在EasyManager的管理之下。83第四节 MT500 触摸屏画面组态与数据通讯四、EB500 触摸屏画面组态软件简介 Easybuilder是组态软件，用来配置各种元件，一般简称EB500.在 Easybuilder 中也可以下载及在线(或离线)模拟，

31、但是它是通过 EasyManager 来调用其它2 个模块的方式来实现的。84第四节 MT500 触摸屏画面组态与数据通讯四、EB500 触摸屏画面组态软件简介在Easybuilder 中下载，在(离)线模拟时并不需要打开EasyManager 窗口，但是必须先设定好EasyManager 上的相关参数(比如通信口，通信速率等)，否则这些操作可能会不能进行。85四、EB500 触摸屏画面组态软件简介1、系统综合软件(Easy Manager )主菜单 选项介绍选择操作系统中的菜单：开始/程序/EasyBuilder/EasyManager，将弹出EasyManager 的对话框窗口如下所示:8

32、6四、EB500 触摸屏画面组态软件简介1、系统综合软件主菜单 选项介绍通信口选择：选择计算机和触摸屏相连接的计算机的串口为COM1 或COM2.通信口速率选择:在下载/上传时决定计算机和触摸屏之间的数据传输速率,建议选择115200bps(一般对于一些老型机器或特殊要求时才选用38400bps).其它选项的功能请参见教材P270P27187四、EB500 触摸屏画面组态软件简介1、系统综合软件主菜单 选项介绍通信口选择：选择计算机和触摸屏相连接的计算机的串口为COM1 或COM2.通信口速率选择:在下载/上传时决定计算机和触摸屏之间的数据传输速率,建议选择115200bps(一般对于一些老型

33、机器或特殊要求时才选用38400bps).其它选项的功能请参见教材P270P27188四、EB500 触摸屏画面组态软件简介1、系统综合软件主菜单 选项介绍2、 EB500组态编辑界面 当进入EB500的界面时，我们将会遇到如图所示界面。每一项的名称及功能解释如下：89四、EasyView500 软件简介5、组态编辑EB500 界面 EB500的界面显示内容将如下图所示。每一项的名称及功能解释如下：标题栏： 显示工程的名称，窗口编号和窗口名称。菜单栏： 用来选择组态编辑时的各项命令的菜单，选择这些菜单会弹出相应的下拉菜单，每一个下拉菜单执行一项命令操作。90四、EasyView500 软件简介

34、5、组态编辑EB500 界面 EB500的界面显示内容将如下图所示。每一项的名称及功能解释如下：标准工具条： 显示文件、编辑、图库、 编译、模拟和下载等功能的相应按钮。格式工具条：实现对齐、微调、组合/取消组合、分层控制、旋转和映射等window窗口编辑功能。91四、EasyView500 软件简介5、组态编辑EB500 界面 EB500的界面显示内容将如下图所示。每一项的名称及功能解释如下：元件工具条：每个图标代表一个元件，点击任何一个图标会弹出对应元件的属性设置对话框。可以在对话框里设定元件的属性，然后可以把这些元件配置到屏幕上。状态条：显示目前鼠标所在的位置及辅助说明 。 92四、Eas

35、yView500 软件简介5、组态编辑EB500 界面 EB500的界面显示内容将如下图所示。每一项的名称及功能解释如下：绘图工具条：每个图标代表每个它们所显示的绘图工具。所提供的画图工具包括线段，矩形，椭圆/圆，弧形，多边形，刻度，位图和向量图等。932、 EB500组态编辑界面应用举例EX1：已知速度给定电压的变化范围：00.2V，数字化后为02000。用指针式表盘显示速度给定的大小，假设：指针设备类型为D；指针设备地址为200，手触摸表的右边指针顺时针旋转数据增加；反之手触摸表的左边指针反时针旋转数据减少。 试设计满足上述要求并指针视觉效果能连续变化的速度给定表盘。运行效果如图所示。94

36、2、 EB500组态编辑界面应用举例EX1：已知速度给定电压的变化范围：00.2V，数字化后为02000。用指针式表盘显示速度给定的大小，假设：指针设备类型为D；指针设备地址为200，手触摸表的右边指针顺时针旋转数据增加；反之手触摸表的左边指针反时针旋转数据减少。 试设计满足上述要求并指针视觉效果能连续变化的速度给定表盘。运行效果如图所示。952、 EB500组态编辑界面应用举例EX1：已知速度给定电压的变化范围：00.2V，数字化后为02000。用指针式表盘显示速度给定的大小，假设：指针设备类型为D；指针设备地址为200，手触摸表的右边指针顺时针旋转数据增加；反之手触摸表的左边指针反时针旋转

37、数据减少。 试设计满足上述要求并指针视觉效果能连续变化的速度给定表盘。运行效果如图所示。 制作触摸屏画面组件的思路：1、确定数据流通过程：将左右边的触摸数据送入数据块D200内然后让表针显示元件和数据显示元件不断的去读取。组件：至少由两个元件组合而成。962、 EB500组态编辑界面应用举例EX1：已知速度给定电压的变化范围：00.2V，数字化后为02000。用指针式表盘显示速度给定的大小，假设：指针设备类型为D；指针设备地址为200，手触摸表的右边指针顺时针旋转数据增加；反之手触摸表的左边指针反时针旋转数据减少。 试设计满足上述要求并指针视觉效果能连续变化的速度给定表盘。运行效果如图所示。制

38、作触摸屏画面组件的思路：1、确定数据流通过程：将左右边的触摸数据送入数据块D200内然后让表针显示元件和数据显示元件不断的去读取。972、 EB500组态编辑界面应用举例制作触摸屏画面组件的思路：1、确定数据流通过程：将左右边的触摸数据送入数据块D200内然后让表针显示元件和数据显示元件不断的去读取。2、选择数据接收、显示(读取)与传递的元件(或功能模块)：多状态设置元件2个；表针显示元件1个；数据显示元件1 个。D200（数据存放地点）右边触摸数据递增（多状态设置元件）左边触摸数据递减（多状态设置元件）指针运动显示（表针显示元件）数据显示（数据显示元件）982、 EB500组态编辑界面应用举

39、例制作触摸屏画面组件的思路：1、确定数据流通过程：将左右边的触摸数据送入数据块D200内然后让表针显示元件和数据显示元件不断的去读取。2、选择数据接收、显示(读取)与传递的元件(或功能模块)：多状态设置元件2个；表针显示元件1个；数据显示元件1 个。D200（数据存放地点）右边触摸数据增加（多状态设置元件）左边触摸数据减少（多状态设置元件）指针运动显示（表针显示元件）数据显示（数据显示元件）99应用举例制作触摸屏画面组件的思路：1、确定数据流通过程：将左右边的触摸数据送入数据块D200内然后让表针显示元件和数据显示元件不断的去读取。2、选择数据接收、显示(读取)与传递的元件(或功能模块)：多状

40、态设置元件2个；表针显示元件1个；数据显示元件1 个3、选择组件的背景图案（表盘）并确定其它元件与背景图案的相对位置和大小。4、组态画面时，设置元件的数据输出或读取地址，并进行装璜设计与功能调试。2、 EB500组态编辑界面1002、 EB500组态编辑界面工程制作过程：1) 进入组态编辑界面1012、 EB500组态编辑界面工程制作过程：1) 进入组态编辑界面2）制作背景画面表盘按下刻度图标，在屏幕上按下鼠标左键并拉放到需要的大小。 1022、 EB500组态编辑界面工程制作过程：1) 进入组态编辑界面2）制作背景画面表盘按下刻度图标，在屏幕上按下鼠标左键并拉放到需要的大小。 1042、 E

41、B500组态编辑界面工程制作过程：1) 进入组态编辑界面2）制作背景画面表盘按下刻度图标，在屏幕上按下鼠标左键并拉放到需要的大小。 1052、 EB500组态编辑界面工程制作过程：1) 进入组态编辑界面2）制作背景画面表盘按下刻度图标，在屏幕上按下鼠标左键并拉放到需要的大小。 按一下选择图标 并双击刻度元件，填写刻度类型页内容。边框： 选择刻度使用的颜色和线条类型(白)。刻度类型： 水平、 垂直或圆型。 等分10，半园向上(范围从1 到255)。填写轮廓页：调整元件的大小。(宽300，高150)按下确定并放置好元件，如图所示。1062、 EB500组态编辑界面工程制作过程：1) 进入组态编辑界

42、面2）制作背景画面表盘按下刻度图标，在屏幕上按下鼠标左键并拉放到需要的大小。 按一下选择图标 并双击刻度元件，填写刻度类型页内容。边框： 选择刻度使用的颜色和线条类型(白)。刻度类型： 水平、 垂直或圆型。 等分10，半园向上(范围从1 到255)。填写轮廓页：调整元件的大小。(宽300，高150)按下确定并放置好元件，如图所示。1082、 EB500组态编辑界面工程制作过程：1) 进入组态编辑界面2) 按下刻度图标，在屏幕上按下鼠标左键并拉放到需要的大小。 按下选择图标并双击刻度元件，填写刻度类型页内容：边框： 选择刻度使用的颜色和线条类型(白)。刻度类型： 选择刻度类型： 水平， 垂直或圆

43、型。 等分可以选择刻度分成多少份(范围从1 到255)(10，半园向上)。填写轮廓页：调整元件的大小。(宽300，高150)按下确定并放置好元件，如图所示。1092、 EB500组态编辑界面工程制作过程：1) 进入组态编辑界面2) 按下刻度图标，在屏幕上按下鼠标左键并拉放到需要的大小。 按下选择图标并双击刻度元件，填写刻度类型页内容：边框： 选择刻度使用的颜色和线条类型(白)。刻度类型： 选择刻度类型： 水平， 垂直或圆型。 等分可以选择刻度分成多少份(范围从1 到255)(10，半园向上)。填写轮廓页：调整元件的大小。(宽300，高150)按下确定并放置好元件，如图所示。1102、 EB50

44、0组态编辑界面工程制作过程：1) 进入组态编辑界面2) 按下刻度图标，在屏幕上按下鼠标左键并拉放到需要的大小。 按下选择图标并双击刻度元件，填写刻度类型页内容：边框： 选择刻度使用的颜色和线条类型(白)。刻度类型： 选择刻度类型： 水平， 垂直或圆型。 等分可以选择刻度分成多少份(范围从1 到255)(10，半园向上)。填写轮廓页：调整元件的大小。(宽300，高150)按下确定并放置好元件，如图所示。1112、 EB500组态编辑界面工程制作过程：3) 制作表针按下表针图标，填写表针读取类型： D，地址：200表针显示页：表针显示(半园向上)；表针颜色 (红)；数值范围：02000。然后按下确

45、定键。在屏幕上按下鼠标左键将粘在光标上的表针放下并拉放到需要的大小。双击表针元件，填写轮廓页：调整元件的位置和大小 (宽300，高150)。按下确定并放置好元件，如图所示。1122、 EB500组态编辑界面工程制作过程：3) 制作表针按下表针图标，填写表针读取类型： D，地址：200表针显示页：表针显示(半园向上)；表针颜色 (红)；数值范围：02000。然后按下确定键。在屏幕上按下鼠标左键将粘在光标上的表针放下并拉放到需要的大小。双击表针元件，填写轮廓页：调整元件的位置和大小 (宽300，高150)。按下确定并放置好元件，如图所示。1132、 EB500组态编辑界面工程制作过程：3)制作表针

46、按下表针图标，填写表针读取类型： D，地址：200表针显示页：表针显示(半园向上)；表针颜色 (红)； 数值范围：02000然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的大小。按下选择图标并双击表针元件，填写轮廓页：调整元件的位置和大小。(宽300，高150)按下确定并放置好元件，如图所示。1142、 EB500组态编辑界面工程制作过程：3)制作表针 按下表针图标，填写表针读取类型： D，地址：200表针显示页：表针显示(半园向上)；表针颜色 (红)； 数值范围：02000然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的大小。按下选择图标并双击表针元件，填写轮廓页：调整元件的位置和大小。

47、(宽300，高150)按下确定并放置好元件，如图所示。1152、 EB500组态编辑界面工程制作过程：4) 制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。1162、 EB500组态编辑界面工程制作过程：1172、 EB500组态编辑界面工程制作过程：4) 制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。1182、 EB500组态编辑界面工程制作过程：4) 制作触摸输入数据元件按下多状态设置元

48、件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。1192、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。1202、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。1212、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态

49、设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。1222、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。按下多状态设置元件图标，填写递减数据，然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设减少按表的左边)和大小。1232、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并

50、拉放到需要的位置(假设增加按表的右边)和大小。按下多状态设置元件图标，填写递减数据，然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设减少按表的左边)和大小。1242、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。按下多状态设置元件图标，填写递减数据，然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设减少按表的左边)和大小。1252、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态设置元件图标，填写递增数据

51、如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。按下多状态设置元件图标，填写递减数据，然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设减少按表的左边)和大小。1262、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。按下多状态设置元件图标，填写递减数据，然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设减少按表的左边)和大小。1272、 EB500组态编辑界面工程制作过程：5)装饰数据

52、显示名称和单位：按下文本图标，填写文字(速度给定)如图所示；1282、 EB500组态编辑界面工程制作过程：5)装饰数据显示名称和单位：按下文本图标，填写文字(速度给定)如图所示；1292、 EB500组态编辑界面工程制作过程：5)装饰数据显示名称和单位：按下文本图标，填写文字(速度给定)如图所示；1302、 EB500组态编辑界面工程制作过程：5)装饰数据显示名称和单位：按下文本图标，填写文字(速度给定)如图所示；1312、 EB500组态编辑界面工程制作过程：5)装饰数据显示名称和单位：按下文本图标，填写文字(速度给定)如图所示；再次按下文本图标，填写文字(mV)如图所示。1322、 EB

53、500组态编辑界面工程制作过程：5)装饰数据显示名称和单位：按下文本图标，填写文字(速度给定)如图所示；再次按下文本图标，填写文字(mV)如图所示。1332、 EB500组态编辑界面工程制作过程：5)装饰数据显示名称和单位：按下文本图标，填写文字(速度给定)如图所示；再次按下文本图标，填写文字(mV)如图所示。1342、 EB500组态编辑界面工程制作过程：4)制作触摸输入数据元件按下多状态设置元件图标，填写递增数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉放到需要的位置(假设增加按表的右边)和大小。按下多状态设置元件图标，填写递减数据如图所示；然后按下确定键。在屏幕上按下鼠标左键并拉

54、放到需要的位置(假设减少按表的左边)和大小。5) 装饰数据显示名称和单位：按下文本图标，填写文字(速度给定)如图所示； 按下文本图标，填写文字(mV)如图所示。1352、 EB500组态编辑界面工程制作过程：1362、 EB500组态编辑界面工程制作过程：6) 制作数据显示元件：按下数据显示元件图标，填写数据显示属性如图所示。1372、 EB500组态编辑界面工程制作过程：6) 制作数据显示元件：按下数据显示元件图标，填写数据显示属性如图所示。1382、 EB500组态编辑界面工程制作过程：6) 制作数据显示元件：按下数据显示元件图标，填写数据显示属性如图所示。1392、 EB500组态编辑界

55、面工程制作过程：6) 制作数据显示元件：按下数据显示元件图标，填写数据显示属性如图所示。1402、 EB500组态编辑界面工程制作过程：6) 制作数据显示元件：按下数据显示元件图标，填写数据显示属性如图所示。1412、 EB500组态编辑界面工程制作过程：6) 制作数据显示元件：按下数据显示元件图标，填写数据显示属性如图所示。7) 调试：按下保存和编译，离线模拟运行。 (观看实际效果20061206)142探索与发现 通过表盘组件的制作过程提醒我们，要想熟练的掌握触摸屏的使用方法，我们应该了解哪些触摸屏画面制作的基础知识呢？课堂讨论2022/8/20143四、EB500 触摸屏画面组态软件简介

56、3.EB500窗口类型及属性窗口是所有组态编辑软件最重要的东西。(1) 窗口类型 窗口是组态编辑工程的基本元素。每个屏幕都是由一些窗口组成。窗口有3 种类型：基本窗口、 公用窗口和快选窗口。改变大小以后的基本窗口还可以当作弹出窗口使用。所有的窗口都可以作为底层窗口。2022/8/20144四、EB500 触摸屏画面组态软件简介3.EB500窗口类型及属性窗口是所有组态编辑软件最重要的东西。(1) 窗口类型 窗口是组态编辑工程的基本元素。每个屏幕都是由一些窗口组成。窗口有3 种类型：基本窗口、 公用窗口和快选窗口。改变大小以后的基本窗口还可以当作弹出窗口使用。所有的窗口都可以作为底层窗口。202

57、2/8/20145(1) 窗口类型基本窗口： 具有相互清屏能力的满屏幕大小的窗口。当用“切换基本窗口”命令来切换基本窗口时，当前屏幕会清屏(除了公用窗口和快取窗口之外的窗口都会被清掉) ，而要切换的基本窗口会显示在当前屏幕上。 2022/8/20146(1) 窗口类型基本窗口： 具有相互清屏能力的满屏幕大小的窗口。当用“切换基本窗口”命令来切换基本窗口时，当前屏幕会清屏(除了公用窗口和快取窗口之外的窗口都会被清掉) ，而要切换的基本窗口会显示在当前屏幕上。 当基本窗口上的元件调用弹出窗口时，基本窗口的原始信息会保留，而调用的弹出窗口会附加到当前基本窗口上，所有这样的弹出窗口与基本窗口都是父子窗

58、口的关系。 当从基本窗口N 切换到基本窗口M 时，所有窗口N 的子窗口都将关闭，而显示窗口M 和窗口M 的子窗口。2022/8/20147(1) 窗口类型快选窗口： 快选窗口是由工作按钮调用的窗口，这个窗口会一直显示在屏幕上直到工作按钮把它隐藏。所以它可以用来放置切换窗口按钮或其它一些常用的元件。快选窗口必须为窗口4，当切换别的窗口为快选窗口时，那个窗口必须和快选窗口的大小完全一样。公用窗口： 公用窗口将始终显示在屏幕上。可以把需要始终显示的元件放在公用窗口上。这样您就可以随时看到该元件的状态或者操作该元件。公用窗口必须为窗口6。但是可以使用切换公用窗口功能键来切换别的窗口作为当前公用窗口，但

59、是当前公用窗口只能有一个。注意：只有窗口101999 是可以给用户任意使用的。窗口09 都是系统内部使用的，如窗口4 是快选窗口，窗口6 是公用窗口等，2022/8/20148(1) 窗口类型留言板窗口： 每个工程只能有一个留言板，其大小可以设定。该窗口为在系统参数/一般中设定的窗口。如果多个窗口都使用了留言板，那么它们使用的都是同一个留言板。底层窗口： 在窗口属性对话框中还可以给窗口设置最多3 个底层窗口。底层窗口一般用来放置多个窗口的公用元件，如：背景图形，图表，标题等。所有窗口都可以设置为底层窗口。2022/8/20149(1) 窗口类型留言板窗口： 每个工程只能有一个留言板，其大小可以

60、设定。该窗口为在系统参数/一般中设定的窗口。如果多个窗口都使用了留言板，那么它们使用的都是同一个留言板。底层窗口： 在窗口属性对话框中还可以给窗口设置最多3 个底层窗口。底层窗口一般用来放置多个窗口的公用元件，如：背景图形，图表，标题等。所有窗口都可以设置为底层窗口。2022/8/20150(1) 窗口类型留言板窗口： 每个工程只能有一个留言板，其大小可以设定。该窗口为在系统参数/一般中设定的窗口。如果多个窗口都使用了留言板，那么它们使用的都是同一个留言板。底层窗口： 在窗口属性对话框中还可以给窗口设置最多3 个底层窗口。底层窗口一般用来放置多个窗口的公用元件，如：背景图形，图表，标题等。所有