《触摸屏控制技术与应用》 教案 项目2 工程文件建立与页面设计.docx

《《触摸屏控制技术与应用》 教案 项目2 工程文件建立与页面设计.docx》由会员分享，可在线阅读，更多相关《《触摸屏控制技术与应用》 教案 项目2 工程文件建立与页面设计.docx（19页珍藏版）》请在第一文库网上搜索。

1、触摸屏控制技术与应用教案XXXXXXXX教案课程名称：触摸屏控制技术与应用授课人：XX课题2.1工程文件建立课时2教学目的与要求1 .掌握新建工程文件的方法2 .掌握工程文件保存、编译、模拟和下载的方法教学重点与难点重点：1）掌握新建工程文件的方法2）掌握工程文件保存、编译、模拟和下载的方法难点：1）掌握工程文件保存、编译、模拟和下载的方法教学方法课堂讲授（PPT授课+小组讨论+上机操作）教学过程主要内容及步骤备注一、组织教学：组织课堂，新课前的自我介绍，介绍本节课程的体系结构，告知学习的基本要求。二、课题导入回顾上节课内容三、新课讲授2.1.1 新建工程2.1.2 工程的保存、编译、模拟和下

2、载四、强化巩固通过提问的方式加强巩固五、总结拓展1课堂内容总结.2.1.3 业小组讨论授课效果分析总结教学内容课堂互动一、组织教学介绍本门课程的学习内容及知识体系结构，提出课程学习的基本要求，强调本门课程的上课时间、地点。推荐教材：触摸屏控制技术与应用汇邦教材二、课题导入上节课我们学习了触摸屏通信接口的种类，分为串口(RS232、RS4852W两线制、RS4854W四线制)、现场总线CANBUS、以太网、USB口等多种形式；讲了触摸屏与P1C的通信参数设置与触摸屏与P1C通信线的制作方法，以及相关系统参数的设置。提前组织教学课题导入BfBf112工程文件建立与页面设计2.1 工程文件建立2.1

3、.1 新建工程1任务内容建立一个新工程，名为“广东汇邦智能装备有限公司一触摸屏技术基础应用”，作为开机显示页。2.操作步骤(1)开启软件：双击桌面Uti1ityManager图标，启动EasyBui1derPro如图2T所示。基本知识讲解本节课难点a)b)图2-1启动EaSyBUiIderPro思考激活原理(2)新建工程文件：选择开新文件，选择对应的HMI型号TK6071iP(800*480),水平,使用范本，点击确定，如图2-2所示。应注意设置中选择触摸屏的型号一定要与实际使用型号一致。图2-2选择开新文件（3）添加P1C：新增设备，找到三菱FX3U/3G型号P1C,点击“确定”，如图2-3

4、所示。图2-3新增设备（4）添加文字：在10号窗口画面选择绘图f文字，或者直接点击快捷按钮，插入文字“广东汇邦智能装备有限公司（35号蓝色仿宋）”及“威纶通触摸屏基础应用（30号紫色仿宋）”，居中放置,如下图2-4、2-5所示。图2-5插入文字2.1.2工程的保存、编译、模拟和下载1任务内容将编写好的工程保存、编译、离线模拟查看以及下载至HMIo（1）保存：将做好的工程存在PC上。（2）编译：将工程转化为可下载和模拟的格式。（3）离线模拟：在PC上模拟工程文件的运行，不与任何装置连线。（4）在线模拟：在PC上模拟工程文件的运行，不需将程序下载到HM1此时P1C是直接与PC连接。（5）下载：将工

5、程文件转至HMI,如图2-6所示。图2-6操作流程图2.操作步骤（1）保存文件：选择文件一保存文件，或者单击界面左上角保存快捷键，将工程命名为“威纶通人机界面基础应用”，格式默认存到桌面，如下图2-7、2-8所示。图2-7点击保存文件M下或面.WPSWfiwpswaP1Ceft材网密iSW20A36ODrive、Administfator浜蟋文件失Iff1摩教材山东网求浜Q件突IICSI1文田文性名（N）:通人机界面W用ermp僚存典型(T)：EBProjects(.emtp)图2-8设置文件名与保存文件地址此时桌面会自动产生一个.emtp格式的文件，此格式为EasyBui1derPro的文件

6、保存格式。（2）编译文件：选择工程文件一编译，单击编译图标，点击开始编译，然后关闭该窗口。此时桌面会自动产生一个exob格式的文件，此格式为EasyBui1derPro的下载格式，如下图2-9、2T0所示。Exoe如和TSIoe:孙,做行ViiSM口以刖上和M网陋狱*下效1&义片统8柳“ia：ZM1图2T0点击开始编译（3）离线模拟文件：选择工程文件一离线模拟，点击离线模拟键，运行监控工程如下图2T1、12所示。图2-11单击离线模拟图标oI广东汇典喜篦援备有限公司一威纶通人机界面基础应用图2-12离线模拟运行效果图如果需要在线模拟，请保证正确的通讯连接。（COM口与P1C传输线COM口应一致

7、）（4）下载文件：下载工程文件到HMIo（根据现场情况选择对应的下载方式），现以使用USB下载工程文件至HM1的步骤如下：1、将触摸屏的通信下载线与电脑USB接口连接上。下载通信线如下图2-13所示。图2-13下载通信线2、选择工程文件一下载（PC-HMI）图标，跳出下载界面后一点击“下载”如下图2-14、2-15所示。图2T4单击下载图标离线模拟、在线模拟与下载的区别简述如何在新建的窗口中插入图片（一）课堂总结（1）新建工程文件,触摸屏TK6071ip,P1C：FX3U（2）工程文件保存、编译、模拟和下载（二）布置作业总结并练习本节课的内容触摸屏控制技术与应用教案姓名XXXXXXXX教案课程

8、名称：触摸屏控制技术与应用授课人：XX课题2.2页面设计课时2教学目的与要求1 .掌握多画面与自定义画面的设计2 .掌握显示时间页面设计的方法教学重点与难点重点：1）多画面的建立与画面自定义设计的操作2）显示时间页面设计的操作难点：D多画面的建立与画面自定义设计的操作教学方法课堂讲授（PPT授课+小组讨论+上机操作）教学过程主要内容及步骤备注一、组织教学：组织课堂，新课前的自我介绍，介绍本节课程的体系结构，告知学习的基本要求。二、课题导入回顾上节课内容三、新课讲授2.2.1 多画面与自定义画面的设计2.2.2 显示时间的设计四、强化巩固通过提问的方式加强巩固五、总结拓展1课堂内容总结.2.2.

9、3 业小组讨论授课效果分析总结课堂互动提前组织教学课题导入基本知识讲解本节课难点思考激活原理教学内容一、组织教学介绍本门课程的学习内容及知识体系结构，提出课程学习的基本要求，强调本门课程的上课时间、地点。推荐教材：触摸屏控制技术与应用汇邦教材二、课题导入上节课我们学习了在威纶通触摸屏组态软件新建一个工程，这里我们要注意触摸屏的型号和P1C的型号。然后又讲了将触摸屏软件设计的内容的保存、编译、模拟和下载到触摸屏硬件中。保存是将做好的工程存在PC上。编译是将工程转化为可下载和模拟的格式。离线模拟是在PC上模拟工程文件的运行，不与任何装置线。在线模拟是在PC上模拟工程文件的运行，不需将程序下载到HM

10、I。此时P1C是直接与PC连接。2工程文件建立与页面设计2.2页面设计2.2.1 多画面与自定义画面的设计1 .任务内容“威纶通人机界面基础应用”总共需要建立2个窗口，其中1个开机页面（10号开机画面），1个自动页面（11号自动页面）。2 .操作步骤1）开机界面设置步骤一：设置10号窗口，鼠标右键10号窗口，选择设置，将窗名称改为“开机页面”，外框宽度为10,颜色为浅绿色，背景改为天蓝色，如图2T6所示。图2T6开机界面设置步骤二：在开机页面中插入文字“开机页面”，字体仿宋，颜色蓝色，尺寸30,如图2-17所示。然后点击“确定”，效果如下图2-18所示。（自己练习时页面的设计可根据自己要求设计

11、）图2T8开机页面效果图2）自动界面设置步骤一：新增11号窗口，鼠标移动到11号窗口标号处右击，选择新增。将窗口名称改为“自动页面”，外框宽度为10,颜色为浅绿色，背景改为淡蓝色，如图2T9所示。步骤二：在自动页面中插入文字“自动页面”，字体仿宋，颜色红色，尺寸30,如图2-20所示。然后点击“确定”，效果如下图2-21所示。（自己练习时页面的设计可根据自己要求设计）Mt/M/AffSOM4*XsV：0M；图2T9自动页面设计画面图2-20自动页面字体设计画面图2-21自动页面效果图3）如需新建更多页面，以上述同样的方式新建窗口4）页面背景图片设计步骤一：新增12号窗口，窗口名称设置为页面背景

12、设计，其它设置默认。步骤二：如下图2-22所示,选择元件一图片。图2-22单击“图片”图标步骤三：如下图2-23所示，点击“图库”。图2-23点击图库步骤四：如选图2-24所示，点击新增。图2-24点击新增步骤五：在电脑中找到事先准备好的图片选择打开一点击确定，如下图2-25所示。图2-25新增图片效果步骤六：如下图2-26所示，点击“确定”。图2-26点击确定步骤七：如下图2-27所示，点击“确定”。最后将图片放置到12号窗口页面背景设计中调整好位置，效果图如下图2-28所示。图2-28背景图片效果图2.2.2显示时间的设计1 .任务内容在开机页面的右下角处插入时间显示，效果如下图2-29所

13、示。图2-29显示时间效果图目前触摸屏大多数内部都带有时钟功能（内置时钟电池），可以通过系统内部寄存器来设计时间显示。而EasyBui1derPro软件更是集成了时间显示的功能，可以实现一键插入时间显示。2 .操作步骤步骤一：添加时间显示：打开10号基本窗口，选择元件一其他一时间相关，或者点击时间相关快捷键，勾选启用日期和时间，格式设置如下图2-30,日期格式设为：YYYY/MM/DD,字体仿宋黑色，尺寸15,点击确定插入视窗右下角，效果如图2-31所示。图2-30时间显示设置开机页面&/16/22THUI4：54：46图2-31时间显示效果步骤二：保存并离线模拟文件：10号公共窗口插入的时间会在所有窗口中显示保存工程，离线模拟运行，查看效果如图2-32所不O四、强化巩固简述如何在新建的窗口中插入图片五、总结拓展(一)课堂总结(1)多画面与自定义画面的设计，默认窗口为10号窗口(2)显示时间的设计(二)布置作业总结并练习本节课的内容