组态王6.55课题1-4.ppt

《组态王6.55课题1-4.ppt》由会员分享，可在线阅读，更多相关《组态王6.55课题1-4.ppt（81页珍藏版）》请在三一文库上搜索。

1、组态王6.55 授课内容授课内容 组态王组态王6.556.55课题案例制作课题案例制作 - - 殷春景殷春景 目录目录目录 一：数字时钟 组态王组态王6.556.55课题案例制作课题案例制作 二：水箱的制作 三：实时指针时钟 四：温湿度指示仪的制作 数字时钟 教学目的教学目的 （1）掌握新建工程的方法。 （2）掌握画面的命名方法。 （3）掌握变量的定义方法，掌握变量的 3 个属性。 （4）掌握基本的制图方法。 （5）掌握模拟值输出连接、填充连接和填充属性连接的方法。 （6）学会基本的应用程序命令语言编程方法。 课题要求课题要求 （1）数字时钟的制作 完成一个完成一个“ “数字时钟数字时钟” ”

2、画面，要求能够用数字实时显示年、月、日、画面，要求能够用数字实时显示年、月、日、 时、分、秒和毫秒。时、分、秒和毫秒。 数字时钟 操作步骤操作步骤 第一步：点击桌面组态王6.55图标，打开组态王软件。 数字时钟 操作步骤操作步骤 第二步：选择菜单“工程”|“新建工程”， 单击“下一步”按钮。 数字时钟 操作步骤操作步骤 第二步：点击桌面组态王6.55图标，打开组态王软件。 数字时钟 操作步骤操作步骤 第三步：点击下一步，点击确认创建组态王训练文件。 数字时钟 操作步骤操作步骤 第四步：点击新建按钮，创建一个“数字时钟”画面。 数字时钟 操作步骤操作步骤 第五步：加载打开创建好的“数字时钟画面”

3、，然后点击圆角矩形创建一矩形 图层如下图。 数字时钟 操作步骤操作步骤 第六步：调出“调色板”，选中矩形图形，修改其颜色。 数字时钟 第七步：依次选择“圆角矩形”画出另一个矩形背景。 操作步骤操作步骤 数字时钟 第八步：对齐两个图形。选择排序对齐垂直对齐。 操作步骤操作步骤 数字时钟 第九步：依次创建三个小矩形背景，然后进行对齐操作。 操作步骤操作步骤 数字时钟 第十步：依次复制或创建出另外的一些矩形，如下图所示，依次完成对齐操 作。 操作步骤操作步骤 数字时钟 第十二步：对齐图形之后，点击“T”文本图标，依次完成文字添加，然后依次 对齐文字。 操作步骤操作步骤 数字时钟 第十三步：存档，每做

4、几步都要记得存档，防止电脑出现问题，辛苦做的文 件都丢失了。存档方法如下图，点击文件全部存完成存档。 操作步骤操作步骤 数字时钟 第十四步：对画面进行动画连接。双击“#”输入框，然后会弹出动画连接窗 口，然后继续点击模拟量输出选项，再点击？进行系统连接，最后依次确认。 操作步骤操作步骤 数字时钟 第十五步：依次完成动画连接，然后点击全部存。然后依次打开系统模拟运 行效果检测。 操作步骤操作步骤 控制水箱 课题要求课题要求 （2）控制水箱的制作要求： 完成一个完成一个“ “控制水箱控制水箱” ”画面，要求画面，要求“ “水位水位” ”值每值每 300ms 300ms 递增递增 1010，当水位大

5、于等于，当水位大于等于 500 500 时回时回 零，再重新递增。要求画面上显示水位值，水箱的填充零，再重新递增。要求画面上显示水位值，水箱的填充 高度随水位而变化，并且当高度随水位而变化，并且当* *值为值为 0 0， 200200，400 400 时以不同颜色填充。时以不同颜色填充。 控制水箱 操作步骤操作步骤 新建画面，并给画面命名。在（新建画面，并给画面命名。在（“ “ 工程浏览器工程浏览器”“”“画面画面” ”工程工程1 1 录录 h. h.双击状双击状 态栏里的态栏里的“ “新建新建 ， 按钮，或在开发系统中按钮，或在开发系统中. .选择选择” ”文件文件”|“”|“新画面新画面”

6、 ”命令。打开命令。打开“ “新画新画 面面” ”窗口，窗口， . .给新画面命名为给新画面命名为“ “课题课题 1 1- -2 2控制水箱控制水箱” ”。 制作画面。使用工具箱中的制作画面。使用工具箱中的“ “圆角矩形圆角矩形” ”画出矩形，打开画出矩形，打开“ “调色板调色板” ”和和“ “线形线形 ”. ”.设置颜色和边框线形后输入文本。刻度线使用复制的方法画出，将刻度线的设置颜色和边框线形后输入文本。刻度线使用复制的方法画出，将刻度线的 最高、最低、最左位置确定好，再单击最高、最低、最左位置确定好，再单击 工具箱工具箱” ”中的中的“ “图素垂直等间距图素垂直等间距” ”和和“ “图家

7、图家 左对齐左对齐” ”按钮整齐排列。刻度值也用同样的方法均匀分布，画面如图所示按钮整齐排列。刻度值也用同样的方法均匀分布，画面如图所示. . 建立变量。选择工程浏览器中的口录建立变量。选择工程浏览器中的口录“ “数据词典数据词典” ”， 双击状态栏中的双击状态栏中的” ”新建新建 ” ”按扭按扭. .打开打开“ “定义变量定义变量” ”窗口，输人变量名窗口，输人变量名“ “水位水位”. ”.选择变量类型为选择变量类型为“ “内存实型内存实型” ”。 单击单击“ “确定确定” ”按钮。按钮。 编写应用程序命令语言。在画面右击。在快捷菜单中选择编写应用程序命令语言。在画面右击。在快捷菜单中选择“

8、 “画面属性画面属性” ”打打 开开“ “画面属性画面属性” ”窗口，单击窗口，单击“ “命令语言命令语言” ”按钮打开按钮打开.“ .“画面命令语言画面命令语言” ”窗口。在窗口。在“ “显示时显示时” ” 标签下编程标签下编程. .内容为内容为: : 水位水位= =水位水位+l0+l0 if(if(水位水位=500 )=500 ) 水位水位=0=0 用以上程序模拟现场水位参数的变化。用以上程序模拟现场水位参数的变化。 控制水箱 操作步骤操作步骤 动画连接动画连接 对字符对字符“#”“#”进行模拟值输出连接，连接变量进行模拟值输出连接，连接变量“ “水位水位” ”。 双击代表水箱的双击代表水

9、箱的 矩形打开矩形打开“ “动画连接动画连接” ”窗口。单击窗口。单击“ “填充填充” ”按钮打开按钮打开“ “填充连接填充连接” ”对话框。单击对话框。单击 “?”“?”按钮确定表达式，即被连接的变量按钮确定表达式，即被连接的变量“ “水位水位” ”。 确定水位的确定水位的“ “对应数值对应数值” ”和和“ “ 占据百分比占据百分比” ”间的对应关系、填充方向等，如图间的对应关系、填充方向等，如图 3 3 所示。打开。填充属性所示。打开。填充属性 连接连接” ”窗口，设置。刷属性窗口，设置。刷属性” ”， 即超过不同的阅值显示不同的颜色即超过不同的阅值显示不同的颜色 例如，例如， 水位水位0

10、 0 显示红色，水位显示红色，水位 200 200 显示黄色，水位显示黄色，水位 400 400 显示蓝色，如图显示蓝色，如图 所所 示。示。 控制水箱 第一步：创建一个新的画面“控制水箱” 操作步骤操作步骤 控制水箱 第二步：画出水箱模型，依次打开调色板、显示线形，修改水箱模型的外框 线形及其颜色。 操作步骤操作步骤 控制水箱 第三步：依次完成水箱显示板的创建。 操作步骤操作步骤 控制水箱 第四步：依次完成水位标记线的绘制，然后添加水位标记数字。 操作步骤操作步骤 控制水箱 第五步：水箱水位控制变量的创建。 操作步骤操作步骤 控制水箱 第六步：完成显示水位数字，控制水箱的动画连接。 操作步骤

11、操作步骤 控制水箱 第七步：按要求完成对水箱填充属性的连接。 操作步骤操作步骤 控制水箱 第八步：编写应用程序命令语言。 操作步骤操作步骤 控制水箱 第六步：完成显示水位数字，控制水箱的动画连接。 操作步骤操作步骤 制作主画面 建立主画面与各分画面的切换 （1）掌握画面的命名方法。 （2）掌握菜单的制作编程方法。 （3）掌握点位图的粘贴方法。 （4）学会工具箱里坐标的使用方法。 （5）掌握基本的制图方法。 （6）掌握水平移动连接、垂直移动连接、文本色连接和弹起时命令语言连接 （7）学会 ShowPicture(画面名称”)函数的使用。 教学目的教学目的 课题要求课题要求 制作一个画面，命制作一

12、个画面，命 名为名为“ “ 主画面主画面” ”， 画画 面上面上 要贴点位图，要有文字水平移动和垂直移动。要贴点位图，要有文字水平移动和垂直移动。 制作一个菜单，能够切换至所有其他课题，制作一个菜单，能够切换至所有其他课题， 并能够由其他课题切换回主画面并能够由其他课题切换回主画面 设置开机启动主画面的方法 组态王主画面设置方法组态王主画面设置方法：工程浏览器-配置-运行系统-主画面配置。 操作步骤操作步骤 制作主画面 第一步：制作画面。新建画面，命名为“主画面”。 操作步骤操作步骤 制作主画面 第二步：插入画面背景。点击工具箱选择点位图绘制插入图点位位置右 击从文件中加载选择加入图片的类型选

13、择图片进行添加如下图所示。 操作步骤操作步骤 制作主画面 建立主画面与各分画面的切换 （1）掌握画面的命名方法。 （2）掌握菜单的制作编程方法。 （3）掌握点位图的粘贴方法。 （4）学会工具箱里坐标的使用方法。 （5）掌握基本的制图方法。 （6）掌握水平移动连接、垂直移动连接、文本色连接和弹起时命令语言连接 （7）学会 ShowPicture(画面名称”)函数的使用。 教学目的教学目的 课题要求课题要求 制作一个画面，命制作一个画面，命 名为名为“ “ 主画面主画面” ”， 画画 面上面上 要贴点位图，要有文字水平移动和垂直移动。要贴点位图，要有文字水平移动和垂直移动。 制作一个菜单，能够切换

14、至所有其他课题，制作一个菜单，能够切换至所有其他课题， 并能够由其他课题切换回主画面并能够由其他课题切换回主画面 制作主画面 第三步：添加文字说明，制作人：#。如图 操作步骤操作步骤 制作主画面 第四步：设置动画连接，欢迎学习组态软件”从右向左移动，1 分钟后从左侧 移出画面，再从右侧进人画面，如此重复下去。 操作步骤操作步骤 制作主画面 第五步：设置参数。进人“动画连接”。 单击“水平移动连接”， 设置参数，如 图7 所示，连接变量“$秒”， 对应值为最左边 59、最右边0 时，移动距离分别为向 左 786(ac的值)、向右 432(a 的值)，如图 所示。 操作步骤操作步骤 制作主画面 第

15、六步：同样理，实现文字“希望你们喜欢这门课程”的垂直移动，如图 所示。这 样，“ $秒”变量从 0 增加到 59 时。该文字从初始位置向上移动 4oo 像素.。做完记得 存档。 操作步骤操作步骤 制作主画面 第七步：全部存，之后仿真测试自己的制作效果，看看是否要修改。 操作步骤操作步骤 制作主画面 第八步：添加按钮及文字，双击对应的文字命令语言连接（按下时）选择全部 函数（选择ShowPicture 函数）修改输入好对应的画面名称，完成显示水位数字，控 制水箱的动画连接，最后点保存。 操作步骤操作步骤 制作主画面 第九步：分别在水位数字、控制水箱完成主画面的按钮绘制及动画连接。 操作步骤操作步

16、骤 制作主画面 第十步：全部存，切换到View 进行仿真界面。 操作步骤操作步骤 制作主画面 ShowPicture()ShowPicture()函数函数 功能：此函数用于显示画面。功能：此函数用于显示画面。 调用格式；调用格式； ShowPictureShowPicture（“ “ 画面名画面名“ “）；）； 例如，执行例如，执行“ShowPicture“ShowPicture（“ “ 主画面主画面” ”） ；” ” 即可切换回主即可切换回主 画面显示。画面显示。 函数说明函数说明 制作一个主画面，设计一个菜单完成训练题制作一个主画面，设计一个菜单完成训练题 1 1 与主画面件与主画面件 的

17、切换，并在以后的训练题，完成后及时补充菜单，以完成的切换，并在以后的训练题，完成后及时补充菜单，以完成 所有训练题与主画面的菜单切换。所有训练题与主画面的菜单切换。 训练题训练题2 2 实时指针时钟的制作 （1）熟练掌握工具箱里坐标的使用方法。 （2）掌握实时指实时钟基本的制图方法。 （3）掌握旋转动画连接的方法。 （4）进一步熟悉菜单的使用及编程方法。 （5）进一步熟悉 ShowPicture（“ 画面名称”） 函数的使用方法。 （6）进一步熟悉画面命令语言编程方法。 教学目的教学目的 课题要求课题要求 制作一个制作一个“ “实时指针时钟实时指针时钟” ”， 画面上的时、画面上的时、 分、秒

18、针，能够匀速旋转，指示时间。分、秒针，能够匀速旋转，指示时间。 实时指针时钟的制作 第一步：新建“实时指针时钟”工程画面。 操作步骤操作步骤 实时指针时钟的制作 第二步：在新建的画面中创建标题栏，命名为“课题三：实时指针时钟”。 操作步骤操作步骤 实时指针时钟的制作 第三步：在画面上绘制一个大圆代表钟面，注意使“工具箱”坐标中的后两项相等。 操作步骤操作步骤 实时指针时钟的制作 第四步：选中大圆，根据“工具箱”底部文本框中的坐标值，计算其圆心坐标：X 坐 标=圆的左边界+宽/2,；Y 坐标=圆的上边界+高/2.例如，根据如图 所示的大圆坐标，计 算大圆中心为：X 坐标=210+540/2=48

19、0，Y 坐标=150+540/2=420。 操作步骤操作步骤 实时指针时钟的制作 第五步：绘制一个实心小圆代表时钟中心轴，选中小圆并计算其圆心坐标。移动小 圆，直至小圆中心与大圆中心恰好重合。位置X=470，Y=410。 操作步骤操作步骤 实时指针时钟的制作 第六步：绘制实时指针时钟刻度盘。绘制刻度线修改线性及其颜色，然后依次完成 所有刻度线的绘制。 操作步骤操作步骤 实时指针时钟的制作 第七步：绘制时指针，定义时针指针针的变量，编辑时针运行程序，然后对时针进 行动画连接。 操作步骤操作步骤 实时指针时钟的制作 第八步：依次绘制分针、秒针，并完成分针、秒针的动画连接。最后补上时间数 字。 操作

20、步骤操作步骤 实时指针时钟的制作 第九步：全部存，切换到View 进行仿真界面。 操作步骤操作步骤 实时指针时钟的制作 用上述方法制作的时针是每一小时跳动一个刻度，这是与现实中的时钟不同的。要 让时针匀速旋转，而不是跳动，必须修改“时针”变量的程序。即将“时针”变量用时间单 位“分”描述.这样时针旋转，一周时，变量“时针”由 0 变化到 720，所以还要相应地修改 时针的动画连接。旋转连接的表达式为“时针”， 最大逆时针方向对应角度 0 的数值为 0 ，最大顺时针方向对应角度 360 的数值为 720，如图所示:这样修改后的指针就可以实 现匀速旋转了。 改进提高改进提高 课题 4 温湿度指示仪

21、的制作 教学目的教学目的 （1）掌握沮湿度指示调节仪的制图方法。 （2）掌握模拟值输出动画连接、文本色动画连接、闪烁动画连接、填充属性 动画连接 和“弹起时”命令语言连接。 （3）进一步熟练掌握编程方法。 课题要求课题要求 制作一个显示仪表，能够显示制作一个显示仪表，能够显示温度温度和和湿度湿度，其中温度每，其中温度每 200ms 200ms 递增递增 1212，当温度大于等于，当温度大于等于 200 200 时，重新加起。湿度从时，重新加起。湿度从 100 100 开始每开始每 200ms 200ms 递递 减减 5 5，湿度小于等于，湿度小于等于 0 0 时，重新从时，重新从 100 10

22、0减起。设置两个报警灯，其中一个减起。设置两个报警灯，其中一个 是当温度超过是当温度超过 100 100 时改变颜色并闪烁时改变颜色并闪烁. .另一个是当湿度低于另一个是当湿度低于 70 70 时改变颜时改变颜 色并闪烁。色并闪烁。 温湿度指示仪的制作 第一步：新建画面，命名为“温湿度指示仪”，标上课题名称“温湿度指示仪”。 操作步骤操作步骤 温湿度指示仪的制作 第二步：画面制作。画面中的显示表的立体形状用“工具箱”中的“多边形”来绘制， 双击鼠标左键进行绘制图案添加操作，依次完成图画绘制工作，如图所示。 操作步骤操作步骤 温湿度指示仪的制作 第三步：使用椭圆工具，绘制用两个小圆代替报警灯，同

23、时使用调色板修改报警灯 的颜色，如图所示。 操作步骤操作步骤 温湿度指示仪的制作 第四步：添加输出框，用于显示温湿度指示仪的数值。 操作步骤操作步骤 温湿度指示仪的制作 第五步：定义温度及湿度两个变量。温度、湿度均设置为内存实型。 操作步骤操作步骤 温湿度指示仪的制作 第六步：在“命令语言“中编程如下。 显示时: 湿度=100； 存在时: 温度=温度+12； if(温度= 200） 温度=0 湿度=湿度一 5 if(湿度100，调整闪烁速度 ，然后单击“确定”按钮。 操作步骤操作步骤 温湿度指示仪的制作 第八步：制作一个按钮返回“主画面”，在主画面中增加切换到该画面的按钮，并添 加相应程序实现切换。 操作步骤操作步骤 温湿度指示仪的制作 第九步：全部存，进行仿真测试。 操作步骤操作步骤 课题训练 制作一个显示仪表，使之能够显示”压力 1“和“压 力 2”。 其中，压力 1 每次递增 15，大于等于 300 时，重新加起；压力 2 从600 开始每次递减 25，小 于等于 0 时，重新从600 减起，设置两个报警灯， 当压力 1 和压力 2 分于别达到某一临界值时改变颜 色并闪烁。 练习任练习任务务 训练题训练题 组态软件的安装教组态软件的安装教 程到此结束程到此结束