组态王6.55课题1-4.ppt

组态王6.55,授课内容组态王6.55课题案例制作,-殷春景,目录,一：数字时钟,组态王6.55课题案例制作,二：水箱的制作,三：实时指针时钟,四：温湿度指示仪的制作,数字时钟,教学目的,（1）掌握新建工程的方法。（2）掌握画面的命名方法。（3）掌握变量的定义方法，掌握变量的3个属性。（4）掌握基本的制图方法。（5）掌握模拟值输出连接、填充连接和填充属性连接的方法。（6）学会基本的应用程序命令语言编程方法。,课题要求,（1）数字时钟的制作完成一个“数字时钟”画面，要求能够用数字实时显示年、月、日、时、分、秒和毫秒。,数字时钟,操作步骤,第一步：点击桌面组态王6.55图标，打开组态王软件。,数字时钟,操作步骤,第二步：选择菜单“工程”|“新建工程”，单击“下一步”按钮。,数字时钟,操作步骤,第二步：点击桌面组态王6.55图标，打开组态王软件。,数字时钟,操作步骤,第三步：点击下一步，点击确认创建组态王训练文件。,数字时钟,操作步骤,第四步：点击新建按钮，创建一个“数字时钟”画面。,数字时钟,操作步骤,第五步：加载打开创建好的“数字时钟画面”，然后点击圆角矩形创建一矩形图层如下图。,数字时钟,操作步骤,第六步：调出“调色板”，选中矩形图形，修改其颜色。,数字时钟,第七步：依次选择“圆角矩形”画出另一个矩形背景。,操作步骤,数字时钟,第八步：对齐两个图形。选择排序对齐垂直对齐。,操作步骤,数字时钟,第九步：依次创建三个小矩形背景，然后进行对齐操作。,操作步骤,数字时钟,第十步：依次复制或创建出另外的一些矩形，如下图所示，依次完成对齐操作。,操作步骤,数字时钟,第十二步：对齐图形之后，点击“T”文本图标，依次完成文字添加，然后依次对齐文字。,操作步骤,数字时钟,第十三步：存档，每做几步都要记得存档，防止电脑出现问题，辛苦做的文件都丢失了。存档方法如下图，点击文件全部存完成存档。,操作步骤,数字时钟,第十四步：对画面进行动画连接。双击“#”输入框，然后会弹出动画连接窗口，然后继续点击模拟量输出选项，再点击？进行系统连接，最后依次确认。,操作步骤,数字时钟,第十五步：依次完成动画连接，然后点击全部存。然后依次打开系统模拟运行效果检测。,操作步骤,控制水箱,课题要求,（2）控制水箱的制作要求：完成一个“控制水箱”画面，要求“水位”值每300ms递增10，当水位大于等于500时回零，再重新递增。要求画面上显示水位值，水箱的填充高度随水位而变化，并且当*值为0，200，400时以不同颜色填充。,控制水箱,操作步骤,新建画面，并给画面命名。在（“工程浏览器”“画面”工程1录h.双击状态栏里的“新建，按钮，或在开发系统中.选择”文件”|“新画面”命令。打开“新画面”窗口，.给新画面命名为“课题1-2控制水箱”。制作画面。使用工具箱中的“圆角矩形”画出矩形，打开“调色板”和“线形”.设置颜色和边框线形后输入文本。刻度线使用复制的方法画出，将刻度线的最高、最低、最左位置确定好，再单击工具箱”中的“图素垂直等间距”和“图家左对齐”按钮整齐排列。刻度值也用同样的方法均匀分布，画面如图所示.建立变量。选择工程浏览器中的口录“数据词典”，双击状态栏中的”新建”按扭.打开“定义变量”窗口，输人变量名“水位”.选择变量类型为“内存实型”。单击“确定”按钮。编写应用程序命令语言。在画面右击。在快捷菜单中选择“画面属性”打开“画面属性”窗口，单击“命令语言”按钮打开.“画面命令语言”窗口。在“显示时”标签下编程.内容为:水位=水位+l0if(水位=500)水位=0用以上程序模拟现场水位参数的变化。,控制水箱,操作步骤,动画连接对字符“#”进行模拟值输出连接，连接变量“水位”。双击代表水箱的矩形打开“动画连接”窗口。单击“填充”按钮打开“填充连接”对话框。单击“?”按钮确定表达式，即被连接的变量“水位”。确定水位的“对应数值”和“占据百分比”间的对应关系、填充方向等，如图3所示。打开。填充属性连接”窗口，设置。刷属性”，即超过不同的阅值显示不同的颜色例如，水位0显示红色，水位200显示黄色，水位400显示蓝色，如图所示。,控制水箱,第一步：创建一个新的画面“控制水箱”,操作步骤,控制水箱,第二步：画出水箱模型，依次打开调色板、显示线形，修改水箱模型的外框线形及其颜色。,操作步骤,控制水箱,第三步：依次完成水箱显示板的创建。,操作步骤,控制水箱,第四步：依次完成水位标记线的绘制，然后添加水位标记数字。,操作步骤,控制水箱,第五步：水箱水位控制变量的创建。,操作步骤,控制水箱,第六步：完成显示水位数字，控制水箱的动画连接。,操作步骤,控制水箱,第七步：按要求完成对水箱填充属性的连接。,操作步骤,控制水箱,第八步：编写应用程序命令语言。,操作步骤,控制水箱,第六步：完成显示水位数字，控制水箱的动画连接。,操作步骤,制作主画面建立主画面与各分画面的切换,（1）掌握画面的命名方法。（2）掌握菜单的制作编程方法。（3）掌握点位图的粘贴方法。（4）学会工具箱里坐标的使用方法。（5）掌握基本的制图方法。（6）掌握水平移动连接、垂直移动连接、文本色连接和弹起时命令语言连接（7）学会ShowPicture(画面名称”)函数的使用。,教学目的,课题要求,制作一个画面，命名为“主画面”，画面上要贴点位图，要有文字水平移动和垂直移动。制作一个菜单，能够切换至所有其他课题，并能够由其他课题切换回主画面,设置开机启动主画面的方法,组态王主画面设置方法：工程浏览器-配置-运行系统-主画面配置。,操作步骤,制作主画面,第一步：制作画面。新建画面，命名为“主画面”。,操作步骤,制作主画面,第二步：插入画面背景。点击工具箱选择点位图绘制插入图点位位置右击从文件中加载选择加入图片的类型选择图片进行添加如下图所示。,操作步骤,制作主画面建立主画面与各分画面的切换,（1）掌握画面的命名方法。（2）掌握菜单的制作编程方法。（3）掌握点位图的粘贴方法。（4）学会工具箱里坐标的使用方法。（5）掌握基本的制图方法。（6）掌握水平移动连接、垂直移动连接、文本色连接和弹起时命令语言连接（7）学会ShowPicture(画面名称”)函数的使用。,教学目的,课题要求,制作一个画面，命名为“主画面”，画面上要贴点位图，要有文字水平移动和垂直移动。制作一个菜单，能够切换至所有其他课题，并能够由其他课题切换回主画面,制作主画面,第三步：添加文字说明，制作人：#。如图,操作步骤,制作主画面,第四步：设置动画连接，欢迎学习组态软件”从右向左移动，1分钟后从左侧移出画面，再从右侧进人画面，如此重复下去。,操作步骤,制作主画面,第五步：设置参数。进人“动画连接”。单击“水平移动连接”，设置参数，如图7所示，连接变量“$秒”，对应值为最左边59、最右边0时，移动距离分别为向左786(ac的值)、向右432(a的值)，如图所示。,操作步骤,制作主画面,第六步：同样理，实现文字“希望你们喜欢这门课程”的垂直移动，如图所示。这样，“$秒”变量从0增加到59时。该文字从初始位置向上移动4oo像素.。做完记得存档。,操作步骤,制作主画面,第七步：全部存，之后仿真测试自己的制作效果，看看是否要修改。,操作步骤,制作主画面,第八步：添加按钮及文字，双击对应的文字命令语言连接（按下时）选择全部函数（选择ShowPicture函数）修改输入好对应的画面名称，完成显示水位数字，控制水箱的动画连接，最后点保存。,操作步骤,制作主画面,第九步：分别在水位数字、控制水箱完成主画面的按钮绘制及动画连接。,操作步骤,制作主画面,第十步：全部存，切换到View进行仿真界面。,操作步骤,制作主画面,ShowPicture()函数功能：此函数用于显示画面。调用格式；ShowPicture（“画面名“）；例如，执行“ShowPicture（“主画面”）；”即可切换回主画面显示。,函数说明,制作一个主画面，设计一个菜单完成训练题1与主画面件的切换，并在以后的训练题，完成后及时补充菜单，以完成所有训练题与主画面的菜单切换。,训练题2,实时指针时钟的制作,（1）熟练掌握工具箱里坐标的使用方法。（2）掌握实时指实时钟基本的制图方法。（3）掌握旋转动画连接的方法。（4）进一步熟悉菜单的使用及编程方法。（5）进一步熟悉ShowPicture（“画面名称”）函数的使用方法。（6）进一步熟悉画面命令语言编程方法。,教学目的,课题要求,制作一个“实时指针时钟”，画面上的时、分、秒针，能够匀速旋转，指示时间。,实时指针时钟的制作,第一步：新建“实时指针时钟”工程画面。,操作步骤,实时指针时钟的制作,第二步：在新建的画面中创建标题栏，命名为“课题三：实时指针时钟”。,操作步骤,实时指针时钟的制作,第三步：在画面上绘制一个大圆代表钟面，注意使“工具箱”坐标中的后两项相等。,操作步骤,实时指针时钟的制作,第四步：选中大圆，根据“工具箱”底部文本框中的坐标值，计算其圆心坐标：X坐标=圆的左边界+宽/2,；Y坐标=圆的上边界+高/2.例如，根据如图所示的大圆坐标，计算大圆中心为：X坐标=210+540/2=480，Y坐标=150+540/2=420。,操作步骤,实时指针时钟的制作,第五步：绘制一个实心小圆代表时钟中心轴，选中小圆并计算其圆心坐标。移动小圆，直至小圆中心与大圆中心恰好重合。位置X=470，Y=410。,操作步骤,实时指针时钟的制作,第六步：绘制实时指针时钟刻度盘。绘制刻度线修改线性及其颜色，然后依次完成所有刻度线的绘制。,操作步骤,实时指针时钟的制作,第七步：绘制时指针，定义时针指针针的变量，编辑时针运行程序，然后对时针进行动画连接。,操作步骤,实时指针时钟的制作,第八步：依次绘制分针、秒针，并完成分针、秒针的动画连接。最后补上时间数字。,操作步骤,实时指针时钟的制作,第九步：全部存，切换到View进行仿真界面。,操作步骤,实时指针时钟的制作,用上述方法制作的时针是每一小时跳动一个刻度，这是与现实中的时钟不同的。要让时针匀速旋转，而不是跳动，必须修改“时针”变量的程序。即将“时针”变量用时间单位“分”描述.这样时针旋转，一周时，变量“时针”由0变化到720，所以还要相应地修改时针的动画连接。旋转连接的表达式为“时针”，最大逆时针方向对应角度0的数值为0，最大顺时针方向对应角度360的数值为720，如图所示:这样修改后的指针就可以实现匀速旋转了。,改进提高,课题4温湿度指示仪的制作,教学目的,（1）掌握沮湿度指示调节仪的制图方法。（2）掌握模拟值输出动画连接、文本色动画连接、闪烁动画连接、填充属性动画连接和“弹起时”命令语言连接。（3）进一步熟练掌握编程方法。,课题要求,制作一个显示仪表，能够显示温度和湿度，其中温度每200ms递增12，当温度大于等于200时，重新加起。湿度从100开始每200ms递减5，湿度小于等于0时，重新从100减起。设置两个报警灯，其中一个是当温度超过100时改变颜色并闪烁.另一个是当湿度低于70时改变颜色并闪烁。,温湿度指示仪的制作,第一步：新建画面，命名为“温湿度指示仪”，标上课题名称“温湿度指示仪”。,操作步骤,温湿度指示仪的制作,第二步：画面制作。画面中的显示表的立体形状用“工具箱”中的“多边形”来绘制，双击鼠标左键进行绘制图案添加操作，依次完成图画绘制工作，如图所示。,操作步骤,温湿度指示仪的制作,第三步：使用椭圆工具，绘制用两个小圆代替报警灯，同时使用调色板修改报警灯的颜色，如图所示。,操作步骤,温湿度指示仪的制作,第四步：添加输出框，用于显示温湿度指示仪的数值。,操作步骤,温湿度指示仪的制作,第五步：定义温度及湿度两个变量。温度、湿度均设置为内存实型。,操作步骤,温湿度指示仪的制作,第六步：在“命令语言“中编程如下。显示时:湿度=100；存在时:温度=温度+12；if(温度=200）温度=0湿度=湿度一5if(湿度100，调整闪烁速度，