触摸屏技术说明课件

1、触摸显示屏技术说明第1页，共73页。目录触摸屏开发软件安装触摸屏硬件介绍12触摸屏开发环境介绍3触摸屏设计应用4第2页，共73页。01触摸屏硬件介绍第3页，共73页。LCD 触控式屏幕人机界面主要参数型号：TK6070IP显示类型：7寸 TFT分辨率：800 x 480USBClient ：USB 2.0 x 1COM连接口：COM1 RS232, COM2 RS485 2W/4W输入电源：2420%VDC触摸屏硬件介绍触摸屏正面触摸屏接口第4页，共73页。02 触摸屏开发软件安装第5页，共73页。触摸屏开发软件安装 触摸屏开发软件EB8000的安装操作 （1）双击setup.exe安装文件，

2、选择相应的语言。如：中文（简体）。 （2）点击“确定”，弹出安装向导后点击“下一步”。 （3）选择EasyBuild 8000 V4.66.02.012安装路径，如：C：EB8000，然后点击“下一步”。注意：最好不要选择C盘，可根据自己情况选择其他盘安装。 （4）建立快捷方式，选择开始菜单文件夹，如：EB8000，然后点击“下一步”。 （5）创建桌面快捷图标，点击“下一步”。 （6）点击“安装”。等待安装完成 （7）出现安装完成的页面，点击“完成”。到此，软件安装过程全部结束。第6页，共73页。03触摸屏开发环境介绍第7页，共73页。触摸屏开发环境介绍1 新建工程1.打开工程编辑界面打开桌面

3、上的EB8000软件，界面如右图所示。根据触摸屏型号，选择合适的机型和连接方式，接下来点击EasyBuilder8000,进入工程编辑界面第8页，共73页。触摸屏开发环境介绍1 新建工程2.新建文件点击菜单栏文件-新建文件，如右图所示。随后弹出右下图界面。选择触摸屏机型与显示模式，点确定。第9页，共73页。触摸屏开发环境介绍1 新建工程3.增加新设备在触控确定键后，出现如右图界面，已显示本地设备，与另外设备进行通讯， 需在设备列表中使用新增 功能增加一个新的设备。第10页，共73页。触摸屏开发环境介绍1 新建工程3.增加新设备点新增，出现设备属性的界面，填写新增设备的名称等信息。在此，以连接西

4、门子200PLC为例，进行设置。如右图所示。填写设备名称，PLC类型，接口类型，通讯的串口设置。设置完点确定。第11页，共73页。触摸屏开发环境介绍1 新建工程触控确定键后可以发现设备列表增加了一个新的设备“SIEMENS S7-200”，如右图所示。第12页，共73页。触摸屏开发环境介绍2 设计器界面 设计器界面（窗体）如下图中所示，在这个界面上，我们可以放置一些元器件进行组态界面。1.设计器界面属性设置右键-属性。可以设置修改窗体的属性，如窗体的大小，位置，名称，背景颜色等属性。主要是背景颜色的设置。第13页，共73页。触摸屏开发环境介绍3 常用设计工具元件点击菜单栏元件，即可出现元件列表

5、。如右图所示，常用的控件有指示灯，开关，数值等元件。具体元件的使用请参考手册EB8000使用手册。第14页，共73页。触摸屏开发环境介绍3 常用设计工具元件在元件列表中单击选中数值元件，将会出现右图所示的对话窗， 在正确设定各项属性后， 触控确定键并将元件置放在适当位置。数值元件显示功能设置对于数值显示来说，主要是设置数据的读取地址，这里选择S7-200PLC,将PLC里VB0寄存器里的数据读取到该数值元件进行显示。设置如右图所示。第15页，共73页。触摸屏开发环境介绍3 常用设计工具元件数值元件输入功能设置要使用数值元件的输入功能，点击启用输入功能，读取地址根据需要可以选择。如右图1所示。右

6、图2数值输入模式以及键盘等设置为默认设置，一般不需要重新设置。第16页，共73页。触摸屏开发环境介绍3 常用设计工具元件数值元件数字格式设置主要是设置数字位数，根据要显示数值的类型，进行设置。如右图所示。设置显示数值类型为整数。如果要显示的数据类型为小数，则设置小数点以下位数不为0即可。第17页，共73页。触摸屏开发环境介绍3 常用设计工具元件这里还可以对该数值元件进行一些基本设置，如图片、字体设置，添加向量图，对数值元件进行美化。数值元件图片功能设置图片及内部及外框的设置。如右图所示。第18页，共73页。触摸屏开发环境介绍3 常用设计工具元件数值元件框内文字属性设置对该数值元件内框的字体属性

7、进行设置，如右图所示。其他元件，与数值元件的设置基本类似，其他元件的学习，详见使用手册。根据自己的需求，可以选择不同元件组态界面第19页，共73页。触摸屏开发环境介绍3 常用设计工具元件位状态切换开关第20页，共73页。触摸屏开发环境介绍3 常用设计工具元件位状态切换开关-图片属性设置使用向量图第21页，共73页。触摸屏开发环境介绍3 常用设计工具元件位状态切换开关-图片属性设置第22页，共73页。触摸屏开发环境介绍3 常用设计工具元件位状态切换开关-使用图片第23页，共73页。触摸屏开发环境介绍3 常用设计工具元件位状态切换开关-标签元件上标示一些文字第24页，共73页。触摸屏开发环境介绍3

8、 常用设计工具元件状态指示灯元件-位状态指示灯“位状态指示灯” 只有两种状态ON与OFF，只能用来显示位寄存器的状态。 状态为OFF， 则显示所使用图形的状态0； 状态为ON， 则显示所使用图形的状态1。第25页，共73页。触摸屏开发环境介绍3 常用设计工具元件状态指示灯元件-多状态指示灯“多状态指示灯”元件利用寄存器内的数据， 显示相对的状态与图形， 可以选择设置多种状态的显示（EB8000最多支持显示256种）只能用来显示字寄存器的状态。 第26页，共73页。触摸屏开发环境介绍3 常用设计工具元件“功能键” 元件提供窗口切换、 调用其它窗口、 关闭窗口等功能， 也可用来设计键盘的按键。功能

9、键第27页，共73页。触摸屏开发环境介绍3 常用设计工具元件项目选单元件项目选单元件可以显示多样项目成一个列表， 选择了某一项目 ， 相对应的项目数值将被写入到字寄存器。第28页，共73页。触摸屏开发环境介绍3 常用设计工具元件“触发式资料传输” 元件可以将指定寄存器地址区域中的数据传送到其它寄存器地址中去， 可以使用手动按钮的方式传送数据， 也可以使用特定地址的状态改变， 来触发动作。触发式资料传输第29页，共73页。触摸屏开发环境介绍3 常用设计工具元件直接窗口” 元件可以在窗口 上定义一个显示区域， 当所指定寄存器的状态由OFF变为ON时， 将在此显示区域内显示指定窗口的内容。 要关闭显

10、示的窗口 ， 只需将用来触发窗口出现的寄存器的状态由ON变为OFF即可。（一般用位状态切换开关来控制实现窗口弹出）直接窗口第30页，共73页。触摸屏开发环境介绍3 常用设计工具元件“间接窗口” 元件可以在窗口 上定义一个显示区域， 并在完成相关寄存器的设定后， 当此寄存器内的数据与已存在的窗口号码相同时， 将在此显示区域内显示此窗口的内容。 要关闭此窗口， 只需将寄存器的值设定为0即可。（由寄存器数据控制在窗口的弹出）间接窗口第31页，共73页。触摸屏开发环境介绍3 常用设计工具元件“趋势图” 元件使用连续的线段描绘资料取样元件所记录的资料， 清楚显示数据变化的趋势。必须先建立资料取样， 才可

11、创建趋势图元件。资料取样界面如右图所示。趋势图元件第32页，共73页。触摸屏开发环境介绍3 常用设计工具元件趋势图显示主要设置趋势图元件第33页，共73页。触摸屏开发环境介绍3 常用设计工具元件“表针” 元件使用仪表的方式， 指示目前寄存器中的数据。表针元件第34页，共73页。触摸屏开发环境介绍3 常用设计工具元件动画元件预先定义 “动画” 元件的移动轨迹， 并利用更改寄存器内的数据， 控制元件的状态与元件在移动轨迹上的位置。 系统将使用两个连续寄存器内的数据来控制动画元件， 第一个寄存器用来控制元件的状态， 第二个用来控制元件的位置。第35页，共73页。触摸屏开发环境介绍3 常用设计工具元件

12、PLC控制元件当相应的控制条件被触发时 ，“PLC控制” 元件能激活一个特定的动作。点击元件列表中的PLC控制元件，出现右图界面。点下方的新增按钮，出现功能选择界面。第36页，共73页。触摸屏开发环境介绍3 常用设计工具元件PLC控制元件-功能选择界面第37页，共73页。触摸屏开发环境介绍3 常用设计工具元件所有元件的图片属性，标签属性的设置与使用与上述操作基本一致，之后不再赘述。第38页，共73页。触摸屏开发环境介绍向图库里添加单状态图片的操作如下。打开图库，如右图所示。4 图片库的建立与使用1.打开图库管理器第39页，共73页。触摸屏开发环境介绍新建一个图库，把图片放到一个图库里，点新增图

13、库出现右图界面，填写图库名称，点确定。4 图片库的建立与使用2.新建图库第40页，共73页。触摸屏开发环境介绍确定后，出现第10个图库，然后在该图库中添加图片，点新增图片，出现右图，填写图片名称，点下一步，4 图片库的建立与使用3.向图库中添加单张图片第41页，共73页。触摸屏开发环境介绍弹出如下两个窗口，打开你要添加的图片。4 图片库的建立与使用3.向图库中添加单张图片第42页，共73页。触摸屏开发环境介绍打开图片后如下图所示，点完成，图片就添加进图库了。4 图片库的建立与使用3.向图库中添加单张图片第43页，共73页。触摸屏设计应用4 图片库的建立与使用4向图库添加多状态图片添加新图库后，

14、选则图片编号，下图是向图片0框里添加2状态图片。第44页，共73页。触摸屏设计应用4 图片库的建立与使用4向图库添加多状态图片添加新图库后，选中图片编号，下图是想图片0框里添加2状态图片。第45页，共73页。触摸屏开发环境介绍5 编译与下载编译界面设计完成后，点击编译，出现右下图编译界面。点击开始编译，编译开始，等待编译完成。第46页，共73页。触摸屏开发环境介绍5 编译与下载下载接下来进行下载，下载到触摸屏。点击下载，出现右下图下载设置界面。选择下载方式，并点击下载，开始下载到触摸屏，等待几秒，下载完成，关闭下载界面即可。第47页，共73页。触摸屏开发环境介绍6 宏指令宏指令编辑界面宏指令结

15、构宏指令的结构一般为以下格式：第48页，共73页。触摸屏开发环境介绍6 宏指令宏指令变量声明变量类型：变量声明： 在宏指令中， 所有的变量都必须在语句使用前进行声明。 声明变量时， 先定义变量的类型， 后面再跟上变量名称。第49页，共73页。触摸屏开发环境介绍6 宏指令宏指令语句 逻辑运算：Condition为条件表达式当Condition为真时，执行第一个Statements的内容，否则（即不满足Condition表达式），执行else后的Statements的内容第50页，共73页。触摸屏开发环境介绍6 宏指令宏指令语句 获取函数：GetData获取Local HMI这个设备上LW2寄存器

16、中的1个数据，存储到变量c中。GetData（变量,设备名称，寄存器类型，寄存器地址编号，数据个数）第51页，共73页。触摸屏开发环境介绍6 宏指令宏指令语句 写入函数：SetData将变量中的1位数据数据写入到Local HMI这个设备上LB2寄存器中的。SetData（变量,设备名称，寄存器类型，寄存器地址编号，数据个数）第52页，共73页。04触摸屏设计实例第53页，共73页。触摸屏设计应用1.试题概述1 风扇联动控制的应用当前时间（时）处于输入的时间范围内时，当前温度值与用户设定值进行比较，从而控制风扇的转动与否，当用户设定值大于当前温度值+3时，风扇不转动，当用户设定值小于当前温度值

17、-3时，风扇转动，当用户设定值位于当前温度值-3与当前温度值+3时区间时，风扇保持上一状态；当前时间不在输入的时间范围内时，无法进行风扇的联动控制。第54页，共73页。触摸屏设计应用2.界面设计1 风扇联动控制的应用使用元件如下：标题：画图中的元件温度数值显示及风扇控制：文字、图片、数值元件、宏指令触发元件（常用的触发宏指令的3种元件分别为功能键、位状态切换开关、PLC控制元件）温度数值趋势显示：趋势图元件第55页，共73页。触摸屏设计应用3.功能设计1 风扇联动控制的应用3.1温度数值显示及风扇控制功能实现思路：点触发按钮时，触发执行宏指令程序，使用逻辑运算语句，当宏指令中当当前时间在输入时

18、间范围内时，执行当前温度值与用户设定值比较语句，否则不执行比较语句。具体实现宏指令及解析图如图1、2所示图1第56页，共73页。触摸屏设计应用3.功能设计1 风扇联动控制的应用图2第57页，共73页。触摸屏设计应用3.功能设计1 风扇联动控制的应用3.2温温度数值趋势显示功能实现思路：先创建资料取样元件（注意取样方式，数据来源地址，通道及资料类型的设置），然后设置趋势图元件（注意通道数据的最小值最大值的区间设置）第58页，共73页。触摸屏设计应用1.试题概述2 温度光照模拟系统的应用在一个窗口界面上，进行温度光照模拟系统界面设计，当进入该窗口界面时，自动实现“欢” “迎” “使” “用” “欢

19、迎使用”5种状态在不同位置依次显示且显示完成后停止在最后一状态，“欢迎使用”状态显示后不消失，5种状态切换，时间间隔为0.5秒，界面上同一时间只显示一种状态，模拟温度过高报警系统及模拟光照调节控制系统文字动态显示，点击即可进入对应的系统界面。第59页，共73页。触摸屏设计应用2.界面设计2 温度光照模拟系统的应用使用元件如下：标题：文字元件欢迎使用依次显示：动画元件，触发宏指令元件（位状态设置元件）2个系统文字动态显示：功能键第60页，共73页。触摸屏设计应用3.功能设计2 温度光照模拟系统的应用3.1 欢迎使用功能实现思路：实现当进入该窗口界面时，自动触发宏指令（使用当窗口开启时设ON,即当

20、窗口开启时，自动触发宏指令），依次显示5种状态。5种状态依次显示宏指令如右图所示。宏指令语法多种多样，也可以用其他指令语句来实现该功能呦！第61页，共73页。触摸屏设计应用3.功能设计2 温度光照模拟系统的应用3.2 2种系统文字动态显示，点击进入对应的系统界面功能实现思路：使用功能键切换界面的功能，标签文字闪烁第62页，共73页。触摸屏设计应用1.试题概述3 模拟温度过高报警系统的应用初始化界面为加热状态，温度从0度开始升高，频率为每秒变化5度，当温度大于60度时，触发报警信息显示；点击开关，当前状态变为制冷，温度开始下降，频率为每秒变化5度，温度小于60时，报警信息不显示。第63页，共73

21、页。触摸屏设计应用2.界面设计3 模拟温度过高报警系统的应用使用元件如下：标题：文字元件温度数值变化设置：趋势图元件，多状态设置元件，位状态切换开关，位状态指示灯报警信息显示：报警条第64页，共73页。触摸屏设计应用3.功能设计3 模拟温度过高报警系统的应用3.1 温度变化曲线功能实现思路：初始化界面为加热状态，温度从0度开始升高（设置当窗口开启时该寄存器设置常数0），频率为每秒变化5度（使用多状态设置元件自动递增/递减，递增/减值为5），当温度大于60度时，触发报警信息显示（事件登录及报警条设置）；点击开关，当前状态变为制冷（开关的两个状态分别控制温度数值的递增递减有效），温度开始下降，频率

22、为每秒变化5度，温度小于60时，报警信息不显示。第65页，共73页。触摸屏设计应用1.试题概述4 模拟光照调节控制系统的应用点击自动调节按钮，光照亮度自范围（01000）内周期循环变化（从0递增开始），光照亮度指示与控制区，显示变化的光照值，当当前光照值大于500时，照明灯熄灭，小于500时，照明灯点亮，再次点击自动调节按钮，光照值停止变化，照明灯保持当前状态不变；点击向上微调按钮，每次点击变化100，当当前光照值大于500时，照明灯熄灭，点击向下微调按钮，每次点击变化100，当当前光照值小于500时，照明灯点亮。第66页，共73页。触摸屏设计应用2.界面设计4 模拟光照调节控制系统的应用使用元件如下：标题：文字元件调节设置区：位状态切换开关元件，功能键元件，多状态设置元件光照亮度指示与控制显示：棒图元件，指示灯元件第67页，共73页。触摸屏设计应用3.功能设计4 模拟光