组态王65使用手册 第14章 控件共101页 133页Word格式文档下载.docx
《组态王65使用手册 第14章 控件共101页 133页Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《组态王65使用手册 第14章 控件共101页 133页Word格式文档下载.docx(27页珍藏版)》请在冰点文库上搜索。
在组态王中加载内置控件,可以单击工具箱中的“插入控件”按钮,如图14.1,或选择画面开发系统中的“编辑/插入控件”菜单。
系统弹出“创建控件”对话框,如图14.2所示。
对话框左侧的“种类”列表中列举了内置控件的类型,选择每一项,在右侧的内容显示区中可以看到该类中包含的控件。
选择控件图标,单击按钮“创建”,则创建控件;
单击“取消”按钮,则取消创建。
图14.1工具箱—插入控件按钮
图14.2创建控件对话框
14.2.1立体棒图控件
棒图是指用图形的变化表现与之关联的数据的变化的绘图图表。
组态王中的棒图图形可以是二维条形图、三维条形图或饼图。
14.2.1.1创建棒图控件到画面
使用棒图控件,需先在画面上创建控件。
单击工具箱中的“插入控件”按钮,如图14.1,或选择画面开发系统中的“编辑/插入控件”菜单。
在种类列表中选择“趋势曲线”,在右侧的内容中选择“立体棒图”图标,单击对话框上的“创建”按钮,或直接双击“立体棒图”图标,关闭对话框。
此时鼠标变成小“十”字形,在画面上需要插入控件的地方按下鼠标左键,拖动鼠标,画面上出现一个矩形框,表示创建后控件界面的大小。
松开鼠标左键,控件在画面上显示出来。
如图14.3所示。
控件周围有带箭头的小矩形框,鼠标挪到小矩形框上,鼠标箭头变为方向箭头时,按下鼠标左键并拖动,可以改变控件的大小。
当鼠标在控件上变为双“十”字型时,按下鼠标左键并拖动,可以改变控件的位置。
图14.3棒图控件
棒图每一个条形图下面对应一个标签L1、L2、L3、L4、L5、L6。
这些标签分别和组态王数据库中的变量相对应,当数据库中的变量发生变化时,则与每个标签相对应的条形图的高度也随之动态地发生变化,因此通过棒图控件可以实时地反应数据库中变量的变化情况。
另外,工程人员还可以使用三维条形图和二维饼形图进行数据的动态显示。
14.2.1.2设置棒图控件的属性
用鼠标双击棒图控件,则弹出棒图控件属性页对话框,如图14.4所示。
图14.4棒图控件属性设置
此属性页用于设置棒图控件的控件名称、图表类型、标签位置、颜色设置、刻度设置、字体型号、显示属性等各种属性,分别介绍如下:
◆图表类型:
提供二维条形图、三维条形图和二维饼形图三种类型,三种类型显示效果如下图例所示:
二维条形图
二维饼形图
三维条形图
◆标签位置:
用于指定变量标签放置的位置,提供位于顶端、位于底部、无标签三种类型,对于不同的图表类型,位于顶端、位于底部两种类型的含义有所不同:
当工程人员将图表类型设置为二维条形图、三维条形图时,则位于顶端是指变量标签处于条形图的上部,位于底部是指变量标签处于条形图和横坐标的下面。
如下图所示:
变量标签L1、L2、L3、L4、L5、L6位于底部
变量标签L1、L2、L3、L4、L5、L6位于顶端
当工程人员将图表类型设置为二维饼形图时,则位于顶端是指标签对应的变量值(用百分数表示)处于饼形图的外部,位于底部是指标签对应的变量值(用百分数表示)处于饼形图的内部。
标签对应的变量值(用百分数表示)处于饼形图的外部
标签对应的变量值(用百分数表示)处于饼形图的内部
◆前景:
此按钮用于设置棒图纵坐标刻度值、变量标签的显示颜色。
单击“前景”按钮,则弹出下拉式颜色列表框供工程人员选择,有多种颜色可使用。
◆背景:
此按钮用于设置棒图的背景显示颜色。
单击“背景”按钮,则弹出下拉式颜色列表框供工程人员选择,有多种颜色可使用。
◆棒图:
此按钮用于设置棒图的显示颜色。
单击“棒图”按钮,则弹出下拉式颜色列表框供工程人员选择,有多种颜色可使用。
◆文字:
此按钮用于设置棒图上的所带文字的显示颜色。
◆标签字体:
此按钮用于设置变量标签的字体大小、字体样式。
单击“标签字体”按钮,则弹出“字体”对话框。
◆Y轴最大值:
用于设置Y轴的最大坐标值。
当“显示属性中”的“自动刻度”不选择时此项有效。
◆Y轴最小值:
用于设置Y轴的最小坐标值。
◆刻度小数位:
用于设置Y轴坐标刻度值的有效小数位。
◆刻度间隔数:
用于指定Y轴的最大坐标值和最小坐标值之间的等间隔数,通常默认值为10等份间隔。
比如,如果Y轴的最大坐标值为300,最小坐标值为100,设定刻度间隔数为20,则最小坐标值和最大坐标值之间有20等份,每一个等份代表的值为10。
设定的刻度间隔数不同,则每一个等份代表的值也不相同。
◆自动刻度:
此选项用于自动/手动设置Y轴坐标的刻度值,当此选项有效时,此选项前面有一个对勾符号“”,Y轴最大值和Y轴最小值编辑输入框变灰无效,则Y轴坐标的刻度将根据温控曲线中的最大值进行自动设置和调整,而且Y轴坐标的最大刻度值比温控曲线中的最大值要大一点,即留一定余量,例如,当温控曲线中的最大值为100时,则Y轴坐标的最大刻度为101,当温控曲线中的最大值为500时,则Y轴坐标的最大刻度为501;
如果“自动刻度”选项无效时,则需要设定Y轴坐标刻度的最大值和Y轴坐标刻度的最小值,而且Y轴坐标的刻度也不能根据温控曲线中的最大值进行自动设置和调整。
◆标注数值:
此选项用于显示/隐藏棒图上的标注数值。
◆隐藏刻度值:
此选项用于显示/隐藏Y轴坐标的刻度值,当此选项有效时,此选项前面有一个对勾符号“”,同时刻度小数位和刻度间隔数编辑输入框变灰无效。
◆添加网格线:
此选项用于添加/删除网格线,当此选项有效时,此选项前面有一个对勾符号“”,网格线用于标识Y轴坐标刻度值的大小。
有网格线和无网格线的棒图如下所示:
无网格线的棒图
有网格线的棒图
◆显示边框:
此选项用于显示/隐藏棒图的边框。
14.2.1.3如何使用棒图控件
设置完棒图控件的属性后,就可以准备使用该控件了。
棒图控件与变量关联,以及棒图的刷新都是使用组态王提供的棒图函数来完成的。
组态王的棒图函数有以下这些:
◆chartAdd("
ControlName"
Value,"
label"
)
此函数用于在指定的棒图控件中增加一个新的条形图。
◆chartClear("
此函数用于在指定的棒图控件中清除所有的棒形图。
◆chartSetBarColor("
barIndex,colorIndex)
此函数用于在指定的棒图控件中设置条形图的颜色。
◆chartSetValue("
Index,Value)
此函数用于在指定的棒图控件中设定/修改索引值为Index的条形图的数据。
函数的具体参数及用法请参见《组态王函数手册》。
例如:
要在画面上棒图显示变量“原料罐温度”和“反应罐温度”的值的变化。
则可以按照系列步骤进行。
◆在画面上创建棒图控件,定义控件的属性,如图14.5所示,棒图名称为“温度棒图”,图标类型选择“三维条形图”,其它选项为默认值。
定义完成后,单击“确定”按钮,关闭属性对话框。
图14.5定义棒图属性
◆在画面上单击右键,在弹出的快捷菜单中选择“画面属性”,在弹出的画面属性对话框中选择“命令语言”按钮,单击“显示时”标签,在命令语言编辑器中,添加如下程序:
chartAdd("
温度棒图"
\\本站点\原料罐温度,"
原料罐"
);
\\本站点\反应罐温度,"
反应罐"
该段程序将在画面被打开为当前画面时执行,在棒图控件上添加两个棒图,一个棒图与变量“原料罐温度”关联,标签为“原料罐”;
第二个棒图与变量“反应罐温度”关联,标签为“反应罐”。
◆单击画面命令语言编辑器的“存在时”标签,定义执行周期为1000毫秒。
在命令语言编辑器中输入如下程序:
chartSetValue("
1,\\本站点\原料罐温度);
2,\\本站点\反应罐温度);
这段程序将在画面被打开为当前画面时每1000毫秒用相关变量的值刷新一次控件。
◆关闭命令语言编辑器,保存画面,则运行时打开该画面如图14.6所示。
每各1000毫秒系统会用相关变量的值刷新一次控件,而且控件的数值轴标记随绘制的棒图中最大的一个棒图值的变化而变化(这就是自动刻度)。
图14.6运行时的棒图控件
当画面中的棒图不再需要时,可以使用chartClear()函数清除当前的棒图,然后再用chartAdd()函数重新添加。
14.2.2温控曲线控件
温控曲线反映出实际测量值按设定曲线变化的情况。
在温控曲线中,纵轴代表温度值,横轴对应时间的变化,同时将每一个温度采样点显示在曲线中,另外还提供两个游标,当用户把游标放在某一个温度的采样点上时,该采样点的注释值就可以显示出来。
主要适用于温度控制,流量控制等等。
温控曲线的具体使用方法请参见本手册第八章趋势曲线和其它曲线。
14.2.3X-Y轴曲线控件
X-Y轴曲线可用于显示两个变量之间的数据关系,如电流—转速曲线等形式的曲线。
X-Y轴曲线的具体使用方法请参见本手册第八章趋势曲线和其它曲线。
14.2.4列表框和组合框控件
在列表框中,可以动态加载数据选项,当需要数据时,可以直接在列表框中选择,使与控件关联的变量获得数据。
组合框是文本框与列表框的组合,可以在组合框的列表框中直接选择数据选项,也可以在组合框的文本框中直接输入数据。
组态王中列表框和组合框的形式有:
普通列表框、简单组合框、下拉式组合框、列表式组合框。
它们只是在外观形式上不同,其它操作及函数使用方法都是相同的。
列表框和组合框中的数据选项可以依靠组态王提供的函数动态增加、修改,或从相关文件(.csv格式的列表文件)中直接加载。
14.2.4.1如何创建列表框控件
创建列表框控件的步骤如下:
◆单击工具箱中的“插入控件”按钮,如图14.1,或选择画面开发系统中的“编辑/插入控件”菜单。
◆在种类列表中选择“窗口控制”,在右侧的内容中选择“列表框”图标,单击对话框上的“创建”按钮,或直接双击“列表框”图标,关闭对话框。
如图14.7所示。
图14.7列表框控件
从外观上看,画面上放置的列表框控件与普通的矩形图素相似,但在进行动画连接和运行环境中是不同的。
14.2.4.2设置列表框控件的属性
在使用列表框控件之前,需要先对控件的属性进行设置,设置控件名称、关联的变量和操作权限等。
操作步骤如下:
◆用右键单击列表框控件,弹出浮动式菜单,如图14.8所示,选择菜单命令“动画连接”,弹出“设置控件”对话框,或用左键双击列表框控件,弹出“设置控件”对话框,如图14.9所示。
图14.8浮动式菜单
图14.9列表框控件设置
控件名称:
定义控件的名称,一个列表框控件对应一个控件名称,而且是唯一的,不能重复命名,控件的命名应该符合组态王的命名规则。
变量名称:
指定与当前列表框控件关联的变量,该变量为组态王数据字典中已定义的字符串型变量。
访问权限:
设置访问该列表框的操作级别,权限级别从1-999。
排序:
此选项有效时列表框中的内容按字母顺序排列。
◆列表框属性定义完成后,单击“确认”按钮关闭对话框。
14.2.4.3如何使用列表框控件
对于列表框控件中数据项的添加、修改、获取或删除等操作都是通过列表框控件函数实现的。
首先认识一下列表框控件的函数:
◆listLoadList("
"
Filename"
)
此函数用于将CSV格式文件“Filename”中的列表项调入指定的列表框控件“ControlName”中,并替换列表框中的原有列表项。
列表框中只显示列表项的成员名称(字符串信息),而不显示相关的数据值。
◆listSaveList("
此函数用于将列表框控件“ControlName”中的列表项信息存入CSV格式文件“Filename”中。
如果该文件不存在,则直接创建。
◆listAddItem("
MessageTag"
此函数将给定的列表项字符串信息“MessageTag”增加到指定的列表框控件“ControlName”中并显示出来。
组态王将增加的字符串信息作为列表框中的一个成员项——Item,并自动给这个成员项定义一个索引号——ItemIndex,索引号ItemIndex从1开始由小到大自动加1。
◆listClear("
此函数将清除指定列表框控件“ControlName”中的所有列表成员项。
◆listDeleteItem("
ItemIndex)
此函数将在指定的列表框控件“ControlName”中删除索引号为ItemIndex的成员项。
◆listDeleteSelection("
此函数将删除列表框控件“ControlName”中当前选定的成员项。
◆listFindItem("
IndexTag)
此函数用于查找指定控件“ControlName”中与给定的成员字符串信息“MessageTag”相对应的索引号,并送给整型变量IndexTag。
◆listGetItem("
ItemIndex,"
StringTag"
此函数用于获取指定控件“ControlName”中索引号为ItemIndex的列表项成员字符串信息,并送给字符串变量StringTag。
◆listGetItemData("
ItemIndex,NumberTag)
此函数用于获取指定控件“ControlName”中索引号为ItemIndex的列表项中的数据值,并送给整型变量NumberTag。
◆listInsertItem("
ItemIndex,"
此函数将字符串信息StringTag插入到指定控件“ControlName”中列表项索引号为ItemIndex所指示的位置。
如果ItemIndex=-1,则字符串信息StringTag被插入到列表项的最尾端。
◆listSetItemData("
ItemIndex,Number)
此函数用于将变量Number的值设置到指定控件“ControlName”中索引号为ItemIndex的列表项中。
◆ListLoadFileName("
CtrlName"
"
*.ext"
此函数将"
指示的文件名显示在指定控件“ControlName”列表框中。
函数的具体参数及用法请参见《组态王函数手册》。
例1:
制作一个动态的列表,可以向列表框中动态添加数据,添加完成后,需要保存列表为文件,文件保存在当前工程路径下(如D:
\Test),在以后使用。
需要时要从文件中读出列表信息。
在组态王数据词典中定义变量“列表数据”字符串变量。
在画面上创建列表框控件,定义控件属性如图14.10所示。
图14.10定义列表框属性
◆在画面上创建三个按钮,如图14.11所示。
按钮的作用和连接的动画连接命令语言分别为:
按钮1——“增加”:
增加数据项:
listAddItem("
列表框1"
列表数据);
按钮2——“保存”:
保存列表框内容:
listSaveList("
D:
\Test\list1.csv"
);
按钮3——“加载”:
将指定csv文件中的内容加载到列表框中来:
listLoadList("
图14.11创建列表框和操作按钮
◆在画面上创建一个文本图素,定义动画连接为字符串值输入和字符串值输出,连接的变量为“列表数据”。
◆保存画面,切换到组态王运行系统,在文本图素中输入数据项的字符串值,如“数据项1”。
如图14.12所示。
单击“增加”按钮,则变量的内容增加到了列表框中。
图14.12向列表框中增加数据项
◆按照上面的方法,可以向列表框中增加多个数据项。
当在列表框中选中某一项时,与列表框关联的变量可以自动获得当前选择的数据项的字符串值。
如图14.13所示。
图14.13在列表框中选择数据项
◆可以将列表框中的数据项保存起来。
单击“保存”按钮。
◆当需要将保存的数据加载到列表框时,单击“加载”按钮,原保存的列表数据就被加载到当前列表框中来。
例2:
将指定路径下(C:
\ProgramFiles\Kingview)的扩展名为“.exe”的文件名列到列表框中来。
可以在命令语言中使用函数:
ListLoadFileName()。
◆在画面上增加按钮,定义为“可执行文件”,如图14.14所示。
双击按钮,定义其动画连接——命令语言连接——弹起时为:
ListLoadFileName("
C:
\ProgramFiles\Kingview\*.exe"
◆保存画面,切换到运行系统,单击该按钮,可以将指定目录下扩展名为“*.exe”的文件名全部列到列表框中来,如图14.15所示。
图14.14增加调用按钮
图14.15执行函数结果
14.2.4.4如何使用组合框控件
组合框的创建与列表框的创建过程、方法相同。
组合框是由列表框和文本编辑框组合而成的。
组合框有三种类型:
简单组合框,如图14.16所示;
下拉式组合框如图14.17所示;
列表式组合框,如图14.18所示。
组合框属性的定义方法与列表框的定义方法相同。
图14.16简单组合框
简单组合框:
◆简单组合框创建后,其列表框的大小已经为创建时的大小。
当列表项超出列表框显示时,列表框会自动加载垂直滚动条。
将鼠标光标置于文本编辑框中时,可以直接输入不在当前列表中的数据项。
图14.17下拉式组合框
下拉式组合框:
◆下拉式组合框创建后,其文本编辑框是灰色无效的,表示该文本编辑框在运行中是禁止添加数据的。
当用户在运行系统中单击该文本编辑框时,会弹出列表框。
单击下拉箭头也会弹出列表框。
通常情况下,下拉式组合框的列表框是隐藏的,除非单击文本编辑框或单击下拉箭头。
表示只能从列表中选择数据项。
图14.18列表式组合框
列表式组合框:
◆列表式组合框兼有简单组合框和下拉式组合框的功能。
通常组合框的列表框是隐藏的,当单击下拉箭头时,才弹出列表框。
选择完数据项后,列表框自动隐藏。
在列表式组合框的文本框中可以直接数据项。
组合框操作也是通过函数实现的,所使用的函数和使用方法与列表框完全相同。
请参见14.2.4.3节中列表框使用的例程。
14.2.5复选框控件
复选框控件可以用于控制离散型变量,如用于控制现场中的各种开关,做各种多选选项的判断条件等。
复选框一个控件连接一个变量,其值的变化不受其它同类控件的影响,当控件被选中时,变量置为1,不选中时,变量置为0。
14.2.5.1如何创建复选框控件
在画面开发系统的工具箱中选择“插入控件”按钮,或选择菜单“编辑/插入控件”命令,在弹出的如图14.2所示的“创建控件”对话框中,在种类列表中选择“窗口控制”,在右侧的内容中选择“复选框”图标,单击对话框上的“创建”按钮,或直接双击“复选框”图标,关闭对话框。
如图14.19所示。