组态控制技术项目化教程（微课版）-课件 1.2智慧交通系统画面设计

智慧交通系统画面设计主讲人：时间：2025.501组态项目的一般步骤04画面设计02创建工程及打开工程03创建用户窗口目录contents组态项目的一般步骤PART01工程创建流程创建工程及打开工程PART021.鼠标双击桌面上【MCGS组态环境】图标，进入MCGS通用版组态环境。2.单击文件菜单中【新建工程】选项，如果MCGS安装在D盘根目录下，则会在D：\MCGS\WORK\下自动生成新建工程，默认的工程名为“新建工程X.MCG”(X表示新建工程的顺序号，如：0、1、2等)。3.单击文件菜单中的【工程另存为】选项，弹出文件保存窗口。4.文件名输入智慧交通系统，单击【保存】选项，工程创建完成。创建工程步骤

方法一：单击文件菜单中【打开工程】选项，弹出对话框，选择目标路径下的工程文件。

方法二：在目标路径下直接找到工程文件，双击打开工程文件。打开工程创建用户窗口PART03

1.在工作台界面，单击【用户窗口】选项，进入【用户窗口】标签页。2.工作台右侧，单击【新建窗口】选项，生成“窗口0”用户窗口。

3.右键窗口0【属性】选项，弹出【用户窗口属性设置】对话框

窗口名称设置为“智慧交通系统”。

窗口背景为“灰色”（默认）。

窗口位置为“最大化显示”。切到运行环境画面全屏呈现。

窗口边界为“可变边”（默认）。4.设置完成，单击【确认】选项，退出对话框完成用户窗口的设置创建用户窗口单击【主控窗口】，右键单击【属性】选项，进入【主控窗口属性设置】对话框。在该对话框，单击【启动属性】选项，用户窗口列表选择【智慧交通系统】，单击【增加】选项。【智慧交通系统】将出现在【自动运行窗口】设置为启动窗口画面设计PART041.当火车车头距离道口大于300像素时，信号灯为绿色。2.当距离小于300像素时，信号灯为黄色。3.当距离小于100像素，信号为红色且伸出道杆，禁止通行，产生声光报警。4.当车尾距离道口大于100像素时，信号灯变为绿色，且收起道杆，停止声光报警，

允许行人及车辆通行。工艺分析一.制作窗口标题①单击工具栏【工具箱】按钮图标，弹出工具箱。②选中【标签】。工具箱中找到【标签】选项，单击该选项，鼠标光标呈“十”形。③选中标签构件后，拖拽鼠标在窗口顶部偏左位置绘制出一个矩形区域。

在【标签】框内闪烁位置输入文字“智慧交通系统”。④右键【标签】构件，在弹出菜单项中单击【改字符】选项。⑤对窗口标题设置属性，选中标签，右键单击【属性】选项，

弹出【动画组态属性设置】对话框，如图进行以上设置。制作窗口标题二.绘制轨道①绘制横向矩形。单击工具箱第二行第一列【矩形】选项，光标变为十形。拖拽鼠标生成矩形。②再复制生成另一个同样的矩形。③设置两个矩形左对齐。工具栏单击编辑条按钮，打开绘图编辑条。选中两个矩形后，单击绘图编辑条【左边界对齐】选项，实现两个矩形左边界对齐，如图（a）所示。④绘制纵向矩形。单击工具箱第二行第一列【矩形】选项，光标变为十形。拖拽鼠绘制纵向矩形⑤再复制生成另外7个同样的矩形，如图（b）所示。⑥调整8个矩形顶边界对齐，横向等间距。先调整好最左侧和最右侧的纵向矩形位置，选中8个纵向矩形，单击绘图编辑条【顶边界对齐】选项，单击绘图编辑条【横向等间距】，效果（c）所示。绘制轨道abc绘制轨道⑦选中2个横向的矩形和8个纵向的矩形，右键依次单击【排列】→【构成图符】选项，

将这10个图元构成一个图符，绘制成一条轨道。⑧复制该图符，形成双向的轨道，最终图如下。三.绘制火车①绘制车身。单击工具箱第3行第1列【多边形或折线】选项，光标呈十，绘制（a）所示的图形，填充颜色设置为“绿色”。②绘制玻璃。单击工具箱第二行第一列【矩形】选项，绘制矩形玻璃，填充颜色设置为“天蓝”，复制生成另一个矩形。选中两个矩形，单击绘图编辑条【顶边界对齐】选项，最终图（b）所示。③绘制车灯。单击工具箱第2行第3列【椭圆】选项，绘制圆形，填充颜色设置为“黄色”，图（c）所示。1.火车车头的绘制abc①绘制车身。单击工具箱第二行第一列【矩形】选项，绘制车身，尺寸与车头相似，填充颜色设置为“绿色”，如图（a）所示。②绘制玻璃。车头与车厢玻璃是一样的。可以复制车头的玻璃，复制生成3个，并设置为“顶边界对齐”“横向等间距”，如图（b）所示。③复制生成另一节车厢，并设置“顶边界对齐”“横向等间距”，如图（c）所示。2.火车车厢的绘制abc单击工具箱第二行第一列【矩形】选项，绘制车钩，填充颜色设置为“黑色”，并将其连接车头和车身。选中绘制好的火车，右键依次单击【排列】→【构成图符】选项形成一个图符。复制生成一个火车，选中后单击绘图编辑条的【Y翻转】选项，将绘制的火车放置在轨道上。3.火车车钩的绘制四.绘制汽车车道①单击工具箱第二行第一列【矩形】选项，垂直于轨道中间位置绘制道路，填充颜色设置为“灰色”。②复制生成两个与横向轨道矩形一样的矩形，1.道路双实线由粗直线绘制。单击工具箱第1行第2列【直线】选项，在道路矩形中线位置绘制直线，边线颜色“金黄”，边线线型“最粗”，绘制生成双实线2.双实线停止线由粗直线绘制。单击工具箱第1行第2列【直线】选项，在双实线一端位置绘制直线，边线颜色“白色”，边线线型“最粗”，绘制生成双实线3.停止线①打开元件库。在用户窗口空白处右键单击【插入元件】选项，进入元件库。②向下找到【标志】分类，单击【标志17】元件，单击【确定】选项，用户窗口出现标志17元件。③调整合适尺寸，放置在停止线位置处。4.道杆五.绘制汽车①引入位图。单击工具箱第3行第3列【位图】选项，绘制位图，图（a）所示。②选中【车】位图的路径。选中位图构件，右键单击【装载位图】选项，弹出【从文件中装载图像】对话框，文件名称输入图片所在的路径，单击【确认】选项完成设置并退出对话框。③调整尺寸和位置。调整位图的尺寸和位置，复制生成另一个车位图，选中后单击绘图编辑条【X翻转】选项，将新生成的位图放置对向车道，图（b）所示。绘制汽车ab位图构件支持多种格式的图像文件，包括：位图文件(*.bmp)，JPEG文件(*.jpg;*.jpeg)，PNG文件(*.png)，图标文件(*.ico)，Tiff文件(*.tiff;*.tif)，TGA文件(*.tga)，PCX文件(*.pcx)。支持透明颜色位图功能、半透明显示。可以对位图进行基本的旋转，无级缩放以及自动调整大小等；支持简单的图像处理，包括颜色反转和转换为灰度图像等功能；文件路径可以存在工程内，也可在工程路径外。图片不能过大，否则会调用失败。压缩质量数越大质量越高位图说明六.绘制指示灯①打开元件库。在用户窗口空白处右键单击【插入元件】，打开元件库。②选中【指示灯19】元件。向下找到【指示灯】分类，单击【指示灯19】元件，单击【确定】选项，用户窗口出现【指示灯19】元件。③调整合适尺寸，复制生成一个指示灯，分别放置在路口位置