触摸屏控制技术与应用 课件 项目二 工程文件建立与页面设计.pptx

《工程文件建立与页面设计》0201页面设计工程文件建立学习任务LEARNING TASKS01工程文件建立01工程文件建立任务目标1、知识目标掌握新建工程文件的方法掌握工程文件保存、编译、模拟和下载的方法2、技能目标掌握新建工程文件的操作掌握工程文件保存、编译、模拟和下载的操作。01工程文件建立2.1.1 新建工程1.任务内容建立一个新工程，名为“广东汇邦智能装备有限公司—触摸屏技术基础应用”，作为开机显示页。2.操作步骤（1）开启软件：双击桌面 Utility Manager 图标，启动 EasyBuilder Pro 如图所示。01工程文件建立（2）新建工程文件：选择开新文件，选择对应的 HMI 型号 TK6071iP(800*480)，水平，使用范本，点击确定，如图所示。应注意设置中选择触摸屏的型号一定要与实际使用型号一致。01工程文件建立（3）添加PLC：新增设备，找到三菱FX3U/3G型号 PLC，点击“确定”，如图所示。01工程文件建立（4）添加文字：在10号窗口画面选择绘图→文字，或者直接点击快捷按钮，插入文字“广东汇邦智能装备有限公司（35号蓝色仿宋）”及“威纶通人机界面基础应用（30号紫色仿宋）”，居中放置，如图所示。选择10号窗口插入文字01工程文件建立2.1.2 工程的保存、编译、模拟和下载1.任务内容 将编写好的工程保存、编译、离线模拟查看以及下载至 HMI。（1）保存：将做好的工程存在 PC上。（2）编译：将工程转化为可下载和模拟的格式。（3）离线模拟：在 PC上模拟工程文件的运行，不与任何装置连线。（4）在线模拟：在PC上模拟工程文件的运行，不需将程序下载到HMI。此时PLC是直接与PC连接。 （5）下载：将工程文件转至HMI。01工程文件建立操作流程图01工程文件建立 2.操作步骤（1）保存文件：选择文件→保存文件，或者单击界面左上角保存快捷键，将工程命名为“威纶通人机界面基础应用”，格式默认存到桌面，如图所示。设置文件名与保存文件地址点击保存文件此时桌面会自动产生一个.emtp 格式的文件，此格式为 EasyBuilder Pro 的文件保存格式。01工程文件建立（2）编译文件：选择工具→编译，单击编译图标，点击开始编译，然后关闭该窗口。此时桌面会自动产生一个.exob 格式的文件，此格式为 EasyBuilder Pro 的下载格式，如图所示。单击编译图标 点击开始编译01工程文件建立（3）离线模拟文件：选择工具→离线模拟，点击离线模拟键，运行监控工程如图所示。如果需要在线模拟，请保证正确的通讯连接。（COM口与PLC传输线COM口应一致）单击离线模拟图标离线模拟运行效果图01工程文件建立（4）下载文件：下载工程文件到 HMI。（根据现场情况选择对应的下载方式）现以使用 USB 下载工程文件至HMI的步骤如下：1、将触摸屏的通信下载线与电脑USB接口连接上。下载通信线如图所示。01工程文件建立2、选择工程文件→下载（PC-HMI）图标，跳出下载界面后→点击“下载”如下图所示。页面设计0202页面设计任务目标1、知识目标掌握多画面的建立与画面自定义设计的方法掌握显示时间页面设计的方法2、技能目标掌握多画面的建立与画面自定义设计的操作掌握显示时间页面设计的操作02页面设计2.2.1 多画面与自定义画面的设计1.任务内容“威纶通人机界面基础应用”总共需要建立2个窗口，其中1个主页（10号开机画面），1个自动页面（分别是 11号自动页面）。2.操作步骤步骤一：开机界面设置：设置10号窗口，鼠标右键10号窗口，选择设置，将窗口名称改为“开机界页面”，外框宽度为10，颜色为浅绿色，背景改为天蓝色。02页面设计开机界面设置02页面设计步骤二：在开机页面中插入文字“开机页面”，字体仿宋，颜色蓝色，尺寸30，如图所示。然后点击“确定”，效果如下图所示。（自己练习时页面的设计可根据自己要求设计）开机页面效果图开机页面字体设计画面02页面设计自动界面设置：步骤一：新增11号窗口，新增11号窗口，鼠标移动到11号窗口标号处右击，选择新增。将窗口名称改为“自动页面”，外框宽度为10，颜色为浅绿色，背景改为淡蓝色02页面设计步骤二：在自动页面中插入文字“自动页面”，字体仿宋，颜色红色，尺寸30，如图所示。然后点击“确定”，效果如下图2-21所示。（自己练习时页面的设计可根据自己要求设计）02页面设计3）如需新建更多页面，以上述同样的方式新建窗口4）页面背景图片设计步骤一：新增12号窗口，窗口名称设置为页面背景设计，其它设置默认。步骤二：如下图所示,选择元件→图片。02页面设计步骤三：如下图2-23所示，点击“图库”。点击图库02页面设计步骤四|：如选图2-24所示，点击新增。点击新增02页面设计步骤五：在电脑中找到