组态王画面课件.ppt

1、3.1 3.1 设计画面设计画面3.2 3.2 动画连接动画连接第三讲第三讲 创建组态画面创建组态画面3.1 设计画面使用工程管理器新建一个组态王工程后，进入组态王工使用工程管理器新建一个组态王工程后，进入组态王工程浏览器，新建组态王画面。程浏览器，新建组态王画面。第三讲第三讲 创建组态画面创建组态画面输入新画面的名称，画输入新画面的名称，画面名称最长为面名称最长为20 个符。个符。输入本画面在磁盘上对应输入本画面在磁盘上对应的文件名，扩展名为的文件名，扩展名为“.pic”输入与本画面有关的输入与本画面有关的注释信息，注释最长注释信息，注释最长为为49个字符。个字符。形成画面左上角坐标。形成画

2、面左上角坐标。显示窗口的宽度和高度显示窗口的宽度和高度画面总的宽度和高度，总是画面总的宽度和高度，总是大于或等于显示窗口的宽度大于或等于显示窗口的宽度和高度。和高度。决定画面是否有标题杆决定画面是否有标题杆能否改变画面大小能否改变画面大小新画面出现时，它重叠在新画面出现时，它重叠在当前画面之上。当前画面之上。新画面出现时，所有与之相交的新画面出现时，所有与之相交的画面自动从屏幕上和内存中删除，画面自动从屏幕上和内存中删除，即所有画面被关闭。即所有画面被关闭。改变窗口的背景色改变窗口的背景色只有当只有当“大小可变大小可变”选项没被选项没被选中时，边框有效，否则灰色选中时，边框有效，否则灰色显示无

3、效。显示无效。举例：建一新画面，属性设置如下：建一新画面，属性设置如下：画面名称：画面名称：监控中心监控中心对应文件：对应文件：pic00001.pic（自动生成，也可以用户自己定义）（自动生成，也可以用户自己定义）注释：注释：反应车间的监控中心反应车间的监控中心主画面主画面画面风格：画面风格：覆盖式覆盖式画面位置：画面位置：左边：左边：0顶边：顶边：0显示宽度：显示宽度：1024显示高度：显示高度：768画面宽度：画面宽度：1024画面高度：画面高度：768标题杆：无效标题杆：无效大小可变：有效大小可变：有效使用工具箱使用工具箱在画面中绘制各种图素。主要工具放置在在画面中绘制各种图素。主要工

4、具放置在工具箱工具箱内。内。工具箱中的每个工具按钮都有工具箱中的每个工具按钮都有“浮动提示浮动提示”，帮助了解工具的用途；帮助了解工具的用途；如果工具箱没有出现，选择如果工具箱没有出现，选择“工具工具”菜单中的菜单中的 “显示工具箱显示工具箱”或按或按F10 键将其打开；键将其打开；工具箱中各种基本工具的使用方法和工具箱中各种基本工具的使用方法和Windows 中的中的“画笔画笔”很类似。很类似。举例举例在画面上输入文字：反应车间监控画面在画面上输入文字：反应车间监控画面改变文本的字体，颜色和字号改变文本的字体，颜色和字号使用图库管理器使用图库管理器使用图库管理器降低了工程人员设计界面的难使用

5、图库管理器降低了工程人员设计界面的难度，用户更加集中精力于维护数据库和增强软度，用户更加集中精力于维护数据库和增强软件内部的逻辑控制，缩短开发周期；件内部的逻辑控制，缩短开发周期；用图库开发的软件将具有统一的外观，方便工用图库开发的软件将具有统一的外观，方便工程人员学习和掌握；程人员学习和掌握；利用图库的开放性，工程人员可以生成自己的利用图库的开放性，工程人员可以生成自己的图库元素。图库元素。选择选择“图库图库”菜单中菜单中“打开图库打开图库”命令打开图库管理器，如图命令打开图库管理器，如图 所示：所示：工具箱工具箱立体管道工具立体管道工具绘制立体管道绘制立体管道修改立体管道修改立体管道的颜色

6、、宽度。的颜色、宽度。图库管理器图库管理器阀门阀门图素图素原料油出料阀。原料油出料阀。重复以上的操作在画面上添加催化剂出料阀和成品油出料阀。重复以上的操作在画面上添加催化剂出料阀和成品油出料阀。图库图库反应器反应器 标注此罐为标注此罐为“原料油罐原料油罐”。重复上述的操作，在图库管理器中选择不同的图素，分别作为催重复上述的操作，在图库管理器中选择不同的图素，分别作为催化剂罐和成品油罐，并分别标注为化剂罐和成品油罐，并分别标注为“催化剂罐催化剂罐”、“成品油罐成品油罐”。举例举例文件文件全部存全部存保存画面。保存画面。用鼠标单击用鼠标单击“图库图库”菜单，弹出下拉式菜单菜单，弹出下拉式菜单创建图

7、库精灵创建图库精灵把图素、复杂图素、单元或它们的任意组合转化为图库精灵。把图素、复杂图素、单元或它们的任意组合转化为图库精灵。转换成普通图素转换成普通图素把画面上的图库精灵分解为组成精灵的各个图形对象。把画面上的图库精灵分解为组成精灵的各个图形对象。图库精灵：图库精灵：图库中的元素，具有自己图库中的元素，具有自己的的“生命生命”。内嵌了丰富的动画连接。内嵌了丰富的动画连接和逻辑控制，做少量的文字修改，就和逻辑控制，做少量的文字修改，就能动态控制图形的外观，同时能完成能动态控制图形的外观，同时能完成复杂的功能。复杂的功能。工具工具圆角矩形圆角矩形：用于绘制矩形或圆角矩形。：用于绘制矩形或圆角矩形

8、。若需要画圆角矩形，需要选用若需要画圆角矩形，需要选用“工具工具改变图素形状改变图素形状”菜单方可完成。菜单方可完成。点位图：点位图：用于将剪贴板中的点位图复制到当前选中的点位图用于将剪贴板中的点位图复制到当前选中的点位图对象中，并且复制的点位图将进行缩放以适应点位图对象的对象中，并且复制的点位图将进行缩放以适应点位图对象的大小。大小。组态王中可以嵌入各种格式的图片：如组态王中可以嵌入各种格式的图片：如Bmp、Jpg、Jpeg、gif 等等点位图透明化点位图透明化举例举例执行点位图粘贴命令执行点位图粘贴命令“透明化透明化”在调色板中指定要透明化的在调色板中指定要透明化的颜色颜色合成组合图素合成

9、组合图素将两个或多个选中的基本图素（没有任何动画连接）对象组合成一个整将两个或多个选中的基本图素（没有任何动画连接）对象组合成一个整体，合成后形成的新的图形对象可以进行动画连接。体，合成后形成的新的图形对象可以进行动画连接。分裂组合图素分裂组合图素将选中的单元分解成为原来合成组合图素前所用的两个或多个基本图素将选中的单元分解成为原来合成组合图素前所用的两个或多个基本图素对象，原先组合图素中的动画连接会自动消失。对象，原先组合图素中的动画连接会自动消失。合成单元合成单元用于对所有图形元素或复杂对象进行合成，图形元素或复杂对象在合成用于对所有图形元素或复杂对象进行合成，图形元素或复杂对象在合成前可

10、以进行动画连接，合成后生成的新图形对象不能再进行动画连接。前可以进行动画连接，合成后生成的新图形对象不能再进行动画连接。分裂单元分裂单元把用合成单元命令形成的图形对象分解为合成前的单元，而且保持它们把用合成单元命令形成的图形对象分解为合成前的单元，而且保持它们的原有属性不变。的原有属性不变。3.2 3.2 动画连接动画连接动画连接的作用动画连接的作用建立画面的图素与数据库变量的对应关系。建立画面的图素与数据库变量的对应关系。举例：举例：1、液位示值动画设置、液位示值动画设置变量名（模拟量）：变量名（模拟量）：本站点本站点原料油液位原料油液位填充颜色：绿色填充颜色：绿色最小值：最小值：0 占据百

11、分比：占据百分比：0最大值：最大值：100 占据百分比：占据百分比：100“原料油罐原料油罐”用同样的方法设置催化剂罐和成品油罐的动画连接，连接变量分用同样的方法设置催化剂罐和成品油罐的动画连接，连接变量分别为：别为：本站点本站点催化剂液位、催化剂液位、本站点本站点成品油液位。成品油液位。2、文本值输出、文本值输出在原料油罐旁边输入字符串在原料油罐旁边输入字符串“#”双击双击模拟量输出模拟量输出对话框设置如下：对话框设置如下：表达式：表达式：本站点本站点原料油液位原料油液位整数位数：整数位数：2小数位数：小数位数：0对齐方式：居左对齐方式：居左用同样方法设置催化剂罐和成品油罐的动画连接，连接变

12、量用同样方法设置催化剂罐和成品油罐的动画连接，连接变量分别为：分别为：本站点本站点催化剂液位、催化剂液位、本站点本站点成品油液位。成品油液位。3、阀门动画设置、阀门动画设置双击双击“原料油进料阀原料油进料阀”图形，弹出该图库对象的动画连接对话框，图形，弹出该图库对象的动画连接对话框，对话框设置如下：对话框设置如下：变量名变量名(离散量离散量)：本站点本站点原料油出料阀原料油出料阀关闭时颜色：红色关闭时颜色：红色打开时颜色：绿色打开时颜色：绿色料阀的动画连接，连接变量分别为：料阀的动画连接，连接变量分别为：本站点本站点催化剂出料阀、催化剂出料阀、本站点本站点成成品油出料阀。品油出料阀。4、液体流

13、动动画设置、液体流动动画设置1）数据词典中定义一个内存整型变量：数据词典中定义一个内存整型变量：变量名：控制水流变量名：控制水流变量类型：内存整型变量类型：内存整型初始值：初始值：0最小值：最小值：0最大值：最大值：1002）双击管道）双击管道动画连接对话框动画连接对话框 流动流动流动条件：流动条件：本站本站点点控制水流控制水流使被连接对象的边使被连接对象的边框或线的颜色和线框或线的颜色和线形随连接表达式的形随连接表达式的值而改变。值而改变。填充颜色和填填充颜色和填充类型随连接充类型随连接表达式的值而表达式的值而改变。改变。文本对象的文本对象的颜色随连接颜色随连接表达式的值表达式的值而改变而改变当有滑动杆输入连接的图形对象被鼠当有滑动杆输入连接的图形对象被鼠标拖动时，与之连接的变量的值将会标拖动时，与之连接的变量的值将会被改变。当变量的值改变时，图形对被改变。当变量的值改变时，图形对象的位置也会发生变化。象的位置也会发生变化。被连接对象根据被连接对象根据条件表达式的值条件表达式的值而显示或隐含。而显示或隐含。作业1、利用缩放动画连接制作一个简易的温度计。2、思考：怎样改变图素水平移动的速度？