组态王6.5使用手册-第14章-控件(共101页-1-33页).doc

658
第十四章 控件
第十四章 控 件

F 介绍各种控件的相关知识
F 介绍组态王内置控件的设置及使用
F 介绍Active X控件的设置及使用

14.1 控件简介
14.1.1 什么是控件
控件实际上是可重用对象，用来执行专门的任务。每个控件实质上都是一个微型程序，但不是一个独立的应用程序，通过控件的属性、方法等控制控件的外观和行为，接受输入并提供输出。例如，Windows操作系统中的组合列表框就是一个控件，通过设置属性可以决定组合列表框的大小，要显示文本的字体类型，以及显示的颜色。组态王的控件 (如棒图、温控曲线、X-Y轴曲线)就是一种微型程序，它们能提供各种属性和丰富的命令语言函数用来完成各种特定的功能。
14.1.2 控件的功能
控件在外观上类似于组合图素，工程人员只需把它放在画面上，然后配置控件的属性,进行相应的函数连接，控件就能完成复杂的功能。
当所实现的功能由主程序完成时需要制作很复杂的命令语言，或根本无法完成时，可以采用控件。主程序只需要向控件提供输入，而剩下的复杂工作由控件去完成，主程序无需理睬其过程，只要控件提供所需要的结果输出即可。另外，控件的可重用性也提供了方便。比如画面上需要多个二维条图，用以表示不同变量的变化情况，如果没有棒图控件，则首先要利用工具箱绘制多个长方形框，然后将它们分别进行填充连接，每一个变量对应一个长方形框，最后把这些复杂的步骤合在一起，才能完成棒图控件的功能。而直接利用棒图控件，工程人员只要把棒图控件拷贝到画面上，对它进行相应的属性设置和命令语言函数的连接，就可实现用二维条图或三维条图来显示多个不同变量的变化情况。
总之，使用控件将极大地提高工程人员工程开发和工程运行的效率。
14.1.3 组态王支持的控件
组态王本身提供很多内置控件，如列表框、选项按钮、棒图、温控曲线、视频控件等，这些控件只能通过组态王主程序来调用，其它程序无法使用，这些控件的使用主要是通过组态王相应控件函数或与之连接的变量实现的，其使用方法请参见14.2节。
随着Active X技术的应用，Active X控件也普遍被使用。组态王支持符合其数据类型的Active X标准控件。这些控件包括Microsoft Windows标准控件和任何用户制作的标准Active X控件。这些控件在组态王中被称为“通用控件”，本手册及组态王程序中但凡提到“通用控件”，既是指Active X控件。Active X控件在组态王中的使用方法请参见14.3节。

A 注意：
在运行系统中使用控件的函数、属性、方法等时，应该打开含有控件的画面（不一定是当前画面），否则会造成操作失败，这时，信息窗口中应该有相应的提示。

14.2 组态王内置控件
组态王内置控件是组态王提供的、只能在组态王程序内使用的控件。它能实现控件的功能，组态王通过内置的控件函数和连接的变量来操作、控制控件，从控件获得输出结果。其它用户程序无法调用组态王内置控件。这些控件包括：棒图控件、温控曲线、X—Y曲线、列表框、选项按钮、文本框、超级文本框、AVI动画播放控件、视频控件、开放式数据库查询控件、历史曲线控件等。在组态王中加载内置控件，可以单击工具箱中的“插入控件”按钮，如图14.1，或选择画面开发系统中的“编辑/插入控件”菜单。系统弹出“创建控件”对话框，如图14.2所示。对话框左侧的“种类”列表中列举了内置控件的类型，选择每一项，在右侧的内容显示区中可以看到该类中包含的控件。选择控件图标，单击按钮“创建”，则创建控件；单击“取消”按钮，则取消创建。

图14.1 工具箱—插入控件按钮

图14.2 创建控件对话框

14.2.1 立体棒图控件
棒图是指用图形的变化表现与之关联的数据的变化的绘图图表。组态王中的棒图图形可以是二维条形图、三维条形图或饼图。
14.2.1.1 创建棒图控件到画面
使用棒图控件，需先在画面上创建控件。单击工具箱中的“插入控件”按钮，如图14.1，或选择画面开发系统中的“编辑/插入控件”菜单。系统弹出“创建控件”对话框，如图14.2所示。在种类列表中选择“趋势曲线”，在右侧的内容中选择“立体棒图”图标，单击对话框上的“创建”按钮，或直接双击“立体棒图”图标，关闭对话框。此时鼠标变成小“十”字形，在画面上需要插入控件的地方按下鼠标左键，拖动鼠标，画面上出现一个矩形框，表示创建后控件界面的大小。松开鼠标左键，控件在画面上显示出来。如图14.3所示。控件周围有带箭头的小矩形框，鼠标挪到小矩形框上，鼠标箭头变为方向箭头时，按下鼠标左键并拖动，可以改变控件的大小。当鼠标在控件上变为双“十”字型时，按下鼠标左键并拖动，可以改变控件的位置。

图14.3 棒图控件

棒图每一个条形图下面对应一个标签L1、L2、L3、L4、L5、L6。这些标签分别和组态王数据库中的变量相对应，当数据库中的变量发生变化时，则与每个标签相对应的条形图的高度也随之动态地发生变化，因此通过棒图控件可以实时地反应数据库中变量的变化情况。另外，工程人员还可以使用三维条形图和二维饼形图进行数据的动态显示。
14.2.1.2 设置棒图控件的属性
用鼠标双击棒图控件，则弹出棒图控件属性页对话框，如图14.4所示。

图14.4 棒图控件属性设置

此属性页用于设置棒图控件的控件名称、图表类型、标签位置、颜色设置、刻度设置、字体型号、显示属性等各种属性，分别介绍如下：
u 图表类型：提供二维条形图、三维条形图和二维饼形图三种类型，三种类型显示效果如下图例所示：

二维条形图

二维饼形图

三维条形图

u 标签位置：用于指定变量标签放置的位置，提供位于顶端、位于底部、无标签三种类型，对于不同的图表类型，位于顶端、位于底部两种类型的含义有所不同：
当工程人员将图表类型设置为二维条形图、三维条形图时，则位于顶端是指变量标签处于条形图的上部，位于底部是指变量标签处于条形图和横坐标的下面。如下图所示：

变量标签L1、L2、L3、L4、L5、L6位于底部

变量标签L1、L2、L3、L4、L5、L6位于顶端

当工程人员将图表类型设置为二维饼形图时，则位于顶端是指标签对应的变量值(用百分数表示)处于饼形图的外部，位于底部是指标签对应的变量值(用百分数表示)处于饼形图的内部。如下图所示：

标签对应的变量值(用百分数表示)处于饼形图的外部

标签对应的变量值(用百分数表示)处于饼形图的内部

u 前景：此按钮用于设置棒图纵坐标刻度值、变量标签的显示颜色。单击“前景”按钮，则弹出下拉式颜色列表框供工程人员选择，有多种颜色可使用。
u 背景：此按钮用于设置棒图的背景显示颜色。单击“背景”按钮，则弹出下拉式颜色列表框供工程人员选择，有多种颜色可使用。
u 棒图：此按钮用于设置棒图的显示颜色。单击“棒图”按钮，则弹出下拉式颜色列表框供工程人员选择，有多种颜色可使用。
u 文字：此按钮用于设置棒图上的所带文字的显示颜色。单击“棒图”按钮，则弹出下拉式颜色列表框供工程人员选择，有多种颜色可使用。
u 标签字体：此按钮用于设置变量标签的字体大小、字体样式。单击“标签字体”按钮，则弹出“字体”对话框。
u Y轴最大值：用于设置Y轴的最大坐标值。当“显示属性中”的“自动刻度”不选择时此项有效。
u Y轴最小值：用于设置Y轴的最小坐标值。当“显示属性中”的“自动刻度”不选择时此项有效。
u 刻度小数位：用于设置Y轴坐标刻度值的有效小数位。
u 刻度间隔数：用于指定Y轴的最大坐标值和最小坐标值之间的等间隔数，通常默认值为10等份间隔。比如，如果Y轴的最大坐标值为300，最小坐标值为100，设定刻度间隔数为20，则最小坐标值和最大坐标值之间有20等份，每一个等份代表的值为10。设定的刻度间隔数不同，则每一个等份代表的值也不相同。当“显示属性中”的“自动刻度”不选择时此项有效。
u 自动刻度：此选项用于自动/手动设置Y轴坐标的刻度值，当此选项有效时，此选项前面有一个对勾符号“a”，Y轴最大值和Y轴最小值编辑输入框变灰无效，则Y轴坐标的刻度将根据温控曲线中的最大值进行自动设置和调整，而且Y轴坐标的最大刻度值比温控曲线中的最大值要大一点，即留一定余量，例如，当温控曲线中的最大值为100时，则Y轴坐标的最大刻度为101，当温控曲线中的最大值为500时，则Y轴坐标的最大刻度为501；如果“自动刻度”选项无效时，则需要设定Y轴坐标刻度的最大值和Y轴坐标刻度的最小值，而且Y轴坐标的刻度也不能根据温控曲线中的最大值进行自动设置和调整。
u 标注数值: 此选项用于显示/隐藏棒图上的标注数值。
u 隐藏刻度值：此选项用于显示/隐藏Y轴坐标的刻度值，当此选项有效时，此选项前面有一个对勾符号“a”，同时刻度小数位和刻度间隔数编辑输入框变灰无效。
u 添加网格线：此选项用于添加/删除网格线，当此选项有效时，此选项前面有一个对勾符号“a”，网格线用于标识Y轴坐标刻度值的大小。有网格线和无网格线的棒图如下所示：

无网格线的棒图

有网格线的棒图

u 显示边框：此选项用于显示/隐藏棒图的边框。
14.2.1.3 如何使用棒图控件
设置完棒图控件的属性后，就可以准备使用该控件了。棒图控件与变量关联，以及棒图的刷新都是使用组态王提供的棒图函数来完成的。组态王的棒图函数有以下这些：
u chartAdd( "ControlName", Value, "label" )
此函数用于在指定的棒图控件中增加一个新的条形图。
u chartClear( "ControlName" )
此函数用于在指定的棒图控件中清除所有的棒形图。
u chartSetBarColor( "ControlName", barIndex, colorIndex )
此函数用于在指定的棒图控件中设置条形图的颜色。
u chartSetValue( "ControlName", Index, Value )
此函数用于在指定的棒图控件中设定/修改索引值为Index的条形图的数据。
函数的具体参数及用法请参见《组态王函数手册》。

B 例如：要在画面上棒图显示变量“原料罐温度”和“反应罐温度”的值的变化。则可以按照系列步骤进行。
u 在画面上创建棒图控件，定义控件的属性，如图14.5所示，棒图名称为“温度棒图”，图标类型选择“三维条形图”，其它选项为默认值。定义完成后，单击“确定”按钮，关闭属性对话框。

图14.5 定义棒图属性

u 在画面上单击右键，在弹出的快捷菜单中选择“画面属性”，在弹出的画面属性对话框中选择“命令语言”按钮，单击“显示时”标签，在命令语言编辑器中，添加如下程序：
chartAdd( "温度棒图", \\本站点\原料罐温度, "原料罐" );
chartAdd( "温度棒图", \\本站点\反应罐温度, "反应罐" );
该段程序将在画面被打开为当前画面时执行，在棒图控件上添加两个棒图，一个棒图与变量“原料罐温度”关联，标签为“原料罐”；第二个棒图与变量“反应罐温度”关联，标签为“反应罐”。
u 单击画面命令语言编辑器的“存在时”标签，定义执行周期为1000毫秒。在命令语言编辑器中输入如下程序：
chartSetValue( "温度棒图", 1, \\本站点\原料罐温度);
chartSetValue( "温度棒图", 2, \\本站点\反应罐温度);
这段程序将在画面被打开为当前画面时每1000毫秒用相关变量的值刷新一次控件。
u 关闭命令语言编辑器，保存画面，则运行时打开该画面如图14.6所示。每各1000毫秒系统会用相关变量的值刷新一次控件，而且控件的数值轴标记随绘制的棒图中最大的一个棒图值的变化而变化（这就是自动刻度）。

图14.6 运行时的棒图控件

当画面中的棒图不再需要时，可以使用chartClear（）函数清除当前的棒图，然后再用chartAdd（）函数重新添加。
14.2.2 温控曲线控件
温控曲线反映出实际测量值按设定曲线变化的情况。在温控曲线中，纵轴代表温度值，横轴对应时间的变化，同时将每一个温度采样点显示在曲线中，另外还提供两个游标，当用户把游标放在某一个温度的采样点上时，该采样点的注释值就可以显示出来。主要适用于温度控制，流量控制等等。温控曲线的具体使用方法请参见本手册第八章 趋势曲线和其它曲线。
14.2.3 X-Y轴曲线控件
X-Y轴曲线可用于显示两个变量之间的数据关系，如电流—转速曲线等形式的曲线。X-Y轴曲线的具体使用方法请参见本手册第八章 趋势曲线和其它曲线。
14.2.4 列表框和组合框控件
在列表框中，可以动态加载数据选项，当需要数据时，可以直接在列表框中选择，使与控件关联的变量获得数据。组合框是文本框与列表框的组合，可以在组合框的列表框中直接选择数据选项，也可以在组合框的文本框中直接输入数据。组态王中列表框和组合框的形式有：普通列表框、简单组合框、下拉式组合框、列表式组合框。它们只是在外观形式上不同，其它操作及函数使用方法都是相同的。列表框和组合框中的数据选项可以依靠组态王提供的函数动态增加、修改，或从相关文件（.csv格式的列表文件）中直接加载。
14.2.4.1 如何创建列表框控件
创建列表框控件的步骤如下：
u 单击工具箱中的“插入控件”按钮，如图14.1，或选择画面开发系统中的“编辑/插入控件”菜单。系统弹出“创建控件”对话框，如图14.2所示。
u 在种类列表中选择“窗口控制”，在右侧的内容中选择“列表框”图标，单击对话框上的“创建”按钮，或直接双击“列表框”图标，关闭对话框。此时鼠标变成小“十”字形，在画面上需要插入控件的地方按下鼠标左键，拖动鼠标，画面上出现一个矩形框，表示创建后控件界面的大小。松开鼠标左键，控件在画面上显示出来。如图14.7所示。控件周围有带箭头的小矩形框，鼠标挪到小矩形框上，鼠标箭头变为方向箭头时，按下鼠标左键并拖动，可以改变控件的大小。当鼠标在控件上变为双“十”字型时，按下鼠标左键并拖动，可以改变控件的位置。

图14.7 列表框控件

从外观上看，画面上放置的列表框控件与普通的矩形图素相似，但在进行动画连接和运行环境中是不同的。
14.2.4.2 设置列表框控件的属性
在使用列表框控件之前，需要先对控件的属性进行设置，设置控件名称、关联的变量和操作权限等。操作步骤如下：
u 用右键单击列表框控件，弹出浮动式菜单，如图14.8所示，选择菜单命令“动画连接”，弹出“设置控件”对话框，或用左键双击列表框控件，弹出“设置控件”对话框，如图14.9所示。

图14.8 浮动式菜单

图14.9 列表框控件设置

控件名称：定义控件的名称，一个列表框控件对应一个控件名称，而且是唯一的，不能重复命名，控件的命名应该符合组态王的命名规则。
变量名称：指定与当前列表框控件关联的变量，该变量为组态王数据字典中已定义的字符串型变量。
访问权限：设置访问该列表框的操作级别，权限级别从1-999。
排序：此选项有效时列表框中的内容按字母顺序排列。
u 列表框属性定义完成后，单击“确认”按钮关闭对话框。
14.2.4.3 如何使用列表框控件
对于列表框控件中数据项的添加、修改、获取或删除等操作都是通过列表框控件函数实现的。首先认识一下列表框控件的函数：
u listLoadList("ControlName","Filename")
此函数用于将CSV格式文件“Filename”中的列表项调入指定的列表框控件“ControlName”中，并替换列表框中的原有列表项。列表框中只显示列表项的成员名称（字符串信息），而不显示相关的数据值。
u listSaveList("ControlName","Filename")
此函数用于将列表框控件“ControlName”中的列表项信息存入CSV格式文件“Filename”中。如果该文件不存在，则直接创建。
u listAddItem("ControlName","MessageTag")
此函数将给定的列表项字符串信息“MessageTag”增加到指定的列表框控件“ControlName”中并显示出来。组态王将增加的字符串信息作为列表框中的一个成员项——Item，并自动给这个成员项定义一个索引号——ItemIndex，索引号ItemIndex从1开始由小到大自动加1。
u listClear("ControlName")
此函数将清除指定列表框控件“ControlName”中的所有列表成员项。
u listDeleteItem("ControlName",ItemIndex)
此函数将在指定的列表框控件“ControlName”中删除索引号为ItemIndex的成员项。
u listDeleteSelection("ControlName")
此函数将删除列表框控件“ControlName”中当前选定的成员项。
u listFindItem("ControlName","MessageTag",IndexTag)
此函数用于查找指定控件“ControlName”中与给定的成员字符串信息“MessageTag”相对应的索引号，并送给整型变量IndexTag。
u listGetItem("ControlName",ItemIndex,"StringTag")
此函数用于获取指定控件“ControlName”中索引号为ItemIndex的列表项成员字符串信息，并送给字符串变量StringTag。
u listGetItemData("ControlName",ItemIndex,NumberTag )
此函数用于获取指定控件“ControlName”中索引号为ItemIndex的列表项中的数据值，并送给整型变量NumberTag。
u listInsertItem("ControlName",ItemIndex, "StringTag" )
此函数将字符串信息StringTag插入到指定控件“ControlName”中列表项索引号为ItemIndex所指示的位置。如果ItemIndex=-1，则字符串信息StringTag被插入到列表项的最尾端。
u listSetItemData("ControlName",ItemIndex, Number )
此函数用于将变量Number的值设置到指定控件“ControlName”中索引号为ItemIndex的列表项中。
u ListLoadFileName( "CtrlName", "*.ext" )
此函数将"*.ext"指示的文件名显示在指定控件“ControlName”列表框中。
函数的具体参数及用法请参见《组态王函数手册》。

B 例1：制作一个动态的列表，可以向列表框中动态添加数据，添加完成后，需要保存列表为文件，文件保存在当前工程路径下（如D:\Test），在以后使用。需要时要从文件中读出列表信息。操作步骤如下：
在组态王数据词典中定义变量“列表数据”字符串变量。
在画面上创建列表框控件，定义控件属性如图14.10所示。

图14.10 定义列表框属性

u 在画面上创建三个按钮，如图14.11所示。按钮的作用和连接的动画连接命令语言分别为：
按钮1——“增加”：增加数据项：
listAddItem("列表框1",列表数据);
按钮2——“保存”：保存列表框内容：
listSaveList("列表框1","D:\Test\list1.csv");
按钮3——“加载”：将指定csv文件中的内容加载到列表框中来：
listLoadList("列表框1","D:\Test\list1.csv");

图14.11 创建列表框和操作按钮

u 在画面上创建一个文本图素，定义动画连接为字符串值输入和字符串值输出，连接的变量为“列表数据”。
u 保存画面，切换到组态王运行系统，在文本图素中输入数据项的字符串值，如“数据项1”。如图14.12所示。单击“增加”按钮，则变量的内容增加到了列表框中。

图14.12 向列表框中增加数据项

u 按照上面的方法，可以向列表框中增加多个数据项。当在列表框中选中某一项时，与列表框关联的变量可以自动获得当前选择的数据项的字符串值。如图14.13所示。

图14.13 在列表框中选择数据项

u 可以将列表框中的数据项保存起来。单击“保存”按钮。
u 当需要将保存的数据加载到列表框时，单击“加载”按钮，原保存的列表数据就被加载到当前列表框中来。

B 例2：将指定路径下（C:\Program Files\Kingview）的扩展名为“.exe”的文件名列到列表框中来。可以在命令语言中使用函数：ListLoadFileName（）。操作步骤如下：
u 在画面上增加按钮，定义为“可执行文件”，如图14.14所示。双击按钮，定义其动画连接——命令语言连接——弹起时为：
ListLoadFileName( "列表框1", " C:\Program Files\Kingview\*.exe" );
u 保存画面，切换到运行系统，单击该按钮，可以将指定目录下扩展名为“*.exe”的文件名全部列到列表框中来，如图14.15所示。

图14.14 增加调用按钮

图14.15 执行函数结果

14.2.4.4 如何使用组合框控件
组合框的创建与列表框的创建过程、方法相同。组合框是由列表框和文本编辑框组合而成的。组合框有三种类型：简单组合框，如图14.16所示；下拉式组合框如图14.17所示；列表式组合框，如图14.18所示。组合框属性的定义方法与列表框的定义方法相同。

图14.16 简单组合框

简单组合框：
u 简单组合框创建后，其列表框的大小已经为创建时的大小。当列表项超出列表框显示时，列表框会自动加载垂直滚动条。将鼠标光标置于文本编辑框中时，可以直接输入不在当前列表中的数据项。

图14.17 下拉式组合框

下拉式组合框：
u 下拉式组合框创建后，其文本编辑框是灰色无效的，表示该文本编辑框在运行中是禁止添加数据的。当用户在运行系统中单击该文本编辑框时，会弹出列表框。单击下拉箭头也会弹出列表框。通常情况下，下拉式组合框的列表框是隐藏的，除非单击文本编辑框或单击下拉箭头。表示只能从列表中选择数据项。

图14.18 列表式组合框

列表式组合框：
u 列表式组合框兼有简单组合框和下拉式组合框的功能。通常组合框的列表框是隐藏的，当单击下拉箭头时，才弹出列表框。选择完数据项后，列表框自动隐藏。在列表式组合框的文本框中可以直接数据项。
组合框操作也是通过函数实现的，所使用的函数和使用方法与列表框完全相同。请参见14.2.4.3节中列表框使用的例程。
14.2.5 复选框控件
复选框控件可以用于控制离散型变量，如用于控制现场中的各种开关，做各种多选选项的判断条件等。复选框一个控件连接一个变量，其值的变化不受其它同类控件的影响，当控件被选中时，变量置为1，不选中时，变量置为0。
14.2.5.1 如何创建复选框控件
在画面开发系统的工具箱中选择“插入控件”按钮，或选择菜单“编辑/插入控件”命令，在弹出的如图14.2所示的“创建控件”对话框中，在种类列表中选择“窗口控制”，在右侧的内容中选择“复选框”图标，单击对话框上的“创建”按钮，或直接双击“复选框”图标，关闭对话框。此时鼠标变成小“十”字形，在画面上需要插入控件的地方按下鼠标左键，拖动鼠标，画面上出现一个矩形框，表示创建后控件界面的大小。松开鼠标左键，控件在画面上显示出来。如图14.19所示。控件周围有带箭头的小矩形框，鼠标挪到小矩形框上，鼠标箭头变为方向箭头时，按下鼠标左键并拖动，可以改变控件的大小。当鼠标在控件上变为双“十”字型时，按下鼠标左键并拖动，可以改变控件的位置。

图14.19 创建复选框控件

14.2.5.2 如何设置复选框控件的属性
在使用复选框控件前，需要先对控件的属性进行设置，在画面上双击控件，弹出“复选框控件属性”对话框，如图14.20所示。

图14.20 复选框控件属性对话框

复选框控件属性：
u 控件名称：定义控件的名称，一个列表框控件对应一个控件名称，而且是唯一的，不能重复命名，控件的命名应该符合组态王的命名规则。如：“switch”。
u 变量名称：与控件关联的变量名称，一般为离散型变量。如离散型变量：“开关”。当复选框被选中时，该变量的值为1；否则为0。
u 访问权限：定义控件的安全级别——访问权限，范围为1~999。定义了访问权限后，运行时，只有符合该安全级别的用户登录后，才能操作控件，否则，修改不了控件的值。如100。
u 标题文本：控件在画面上显示的提示文本、说明性的文本，如：“电源开关”。
定义完成的控件如图14.21所示。

图14.21 复选框属性定义及结果

14.2.5.3 如何使用复选框控件
复选框控件没有控件命令语言函数，只需要使用“设置控件”对话框中的变量即可。如图14.21所示定义控件属性与变量相关联。

B 例：用复选框控件控制一个开关。定义步骤如下：
u 在画面上创建复选框控件，定义控件属性如图14.21所示。
u 在画面上创建文本图素，定义文本的动画连接——离散值输出动画连接，如图14.22所示。动画连接的变量为与控件关联的变量“开关”。
u 保存画面，切换到运行系统。

图14.22 创建动画连接

则运行系统中单击该复选框控件时，变量值的变化与控件选择关系的变化如图14.23所示。

图14.23 运行时用复选框控制变量的值

复选框控件除了上述用法外，还可以作为条件选项来使用，如多选选项等。
14.2.6 编辑框控件
控件用于输入文本字符串并送入指定的字符串变量中。输入时不会弹出虚拟键盘或其它的对话框。
14.2.6.1 如何创建编辑框控件
在画面开发系统的工具箱中选择“插入控件”按钮，或选择菜单“编辑/插入控件”命令，在弹出的如图14.2所示的“创建控件”对话框中，在种类列表中选择“窗口控制”，在右侧的内容中选择“编辑框”图标，单击对话框上的“创建”按钮，或直接双击“编辑框”图标，关闭对话框。此时鼠标变成小“十”字形，在画面上需要插入控件的地方按下鼠标左键，拖动鼠标，画面上出现一个矩形框，表示创建后控件界面的大小。松开鼠标左键，控件在画面上显示出来。如图14.24所示。控件周围有带箭头的小矩形框，鼠标挪到小矩形框上，鼠标箭头变为方向箭头时，按下鼠标左键并拖动，可以改变控件的大小。当鼠标在控件上变为双“十”字型时，按下鼠标左键并拖动，可以改变控件的位置。

图14.24 创建后的编辑框控件

14.2.6.2 如何定义编辑框控件属性
控件创建后，要定义其属性，才能使用。双击控件，或选择控件，然后在控件上单击鼠标右键，在弹出的快捷菜单上选择“动画连接”命令，弹出如图14.25所示的控件属性对话框。

图14.25 编辑框控件属性对话框

编辑框控件属性包含内容：
u 控件名称：定义控件的名称，一个列表框控件对应一个控件名称，而且是唯一的，不能重复命名，控件的命名应该符合组态王的命名规则。
u 变量名称：指定与当前编辑框控件关联的变量，该变量为组态王数据字典中已定义的字符串型变量。
u 访问权限：设置访问该列表框的操作级别，权限级别从1-999。
u 风格：定义编辑框控件的使用风格。编辑框控件的风格有以下几类：
l 多行文字：允许在编辑框中显示多行文字，该选项一般与“接收换行”一起使用。
l 密码显示：当在编辑框中输入字符时，实际的输入字符不会显示，而只显示为“*”号。
l 接收换行：在编辑框中输入字符时，如果按下回车键_<Enter>，则可以在编辑框中换行输入。一般与“多行文字”选项一起使用。
l 全部大写：当在编辑框中输入英文字符时，无论输入的是大写还是小写，都转换为大写显示。
l 全部小写：当在编辑框中输入英文字符时，无论输入的是大写还是小写，都转换为小写显示。
14.2.6.3 如何使用编辑框控件
编辑框控件没有控件命令语言函数，只需要定义其属性与字符串变量连接即可。因为组态王中的字符串长度为127个字符，所以组态王的编辑框控件只接收127个字符的输入。编辑框控件可以用于在画面上直接输入字符，或输入密码等使用。

B 例：要求画面上输入的字符显示为“*”，不想被其他人看到输入内容，如密码输入。
u 在画面上创建编辑框控件。在组态王中定义字符串变量——“密码”。
u 定义控件属性如图14.26所示。在“风格”选项中选择“密码显示”。定义完成后，单击“确认”按钮，关闭对话框。保存画面，切换到运行系统。

图14.26 定义编辑框属性

u 在运行系统中打开该画面，在编辑框中输入字符时，显示如图14.27所示。当在编辑框中输入字符时，全部显示为“*”，看不到实际输入内容。

图14.27 密码显示输入

14.2.7 单选按钮控件
当出现多选一的情况时，可以使用单选按钮来实现。单选按钮控件实际是由一组单个的选项按钮组合而成的。在每一组中，每次只能选择一个选项。
14.2.7.1 如何创建单选按钮控件
在画面开发系统的工具箱中选择“插入控件”按钮，或选择菜单“编辑/插入控件”命令，在弹出的如图14.2所示的“创建控件”对话框中，在种类列表中选择“窗口控制”，在右侧的内容中选择“单选按钮”图标，单击对话框上的“创建”按钮，或直接双击“单选按钮”图标，关闭对话框。此时鼠标变成小“十”字形，在画面上需要插入控件的地方按下鼠标左键，拖动鼠标，画面上出现一个矩形框，表示创建后控件界面的大小。松开鼠标左键，控件在画面上显示出来。如图14.28所示。控件周围有带箭头的小矩形框，鼠标挪到小矩形框上，鼠标箭头变为方向箭头时，按下鼠标左键并拖动，可以改变控件的大小。当鼠标在控件上变为双“十”字型时，按下鼠标左键并拖动，可以改变控件的位置。

图14.28 创建单选按钮控件

14.2.7.2 如何定义单选按钮控件属性
控件创建后，要定义其属性，才能使用。双击控件，或选择控件，然后在控件上单击鼠标右键，在弹出的快捷菜单上选择“动画连接”命令，弹出如图14.29所示的控件属性对话框。

图14.29单选按钮控件属性

单选按钮控件属性：
u 控件名称：定义控件的名称，一个单选按钮控件对应一个控件名称，而且是唯一的，不能重复命名，控件的命名应该符合组态王的命名规则。如“optionbutton1”。
u 变量名称：与控件关联的变量名称，一般为整型变量。如整型变量：“单选项”。每选择一个单选按钮时，该整型变量将得到不同的数值。
u 访问权限：定义控件的安全级别——访问权限，范围为1~999。定义了访问权限后，运行时，只有符合该安全级别的用户登录后，才能操作控件，否则，修改不了控件的值。如100。
u 标题数据：控件在画面上显示时每个单选按钮的标题文本，如：“选项1”、“选项2”等。标题数据定义项由一个组合列表框和三个功能按钮组成。选择列表框中的某一项，可以“修改”当前选中的项的标题文本，也可以在当前位置的前边“插入”一项，或“删除”选择的项。
u 按钮数：表示当前总共定义的单选按钮的个数。按钮数最多定义为100个，最少不少于2个。
u 对齐选项：定义单选按钮的排列方式。“横向对齐”表示单选按钮将横向排列为一行；“纵向对齐”表示单选按钮将纵向排列为一列。
定义完成的控件如图14.30所示。
14.2.7.3 如何使用单选按钮控件
单选按钮控件没有控件命令语言函数，只需要使用“设置控件”对话框中的变量即可。如图14.30所示定义控件属性与变量相关联。

图14.30 定义单选按钮控件属性

B 例：用复选框控件控制一个开关。定义步骤如下：
u 在画面上创建单选按钮控件，定义控件属性如图14。30所示。
u 在画面上创建文本图素，定义图素的动画连接属性为“模拟值输出”，关联的变量为单选按钮中关联的变量。
u 定义完成后，保存画面，切换到组态王运行系统，打开该画面。用鼠标左键单击不同的按钮选项时，得到的变量的值不相同。如图14.31所示。

图14.31 单选按钮的使用

可以根据关联的变量的值的不同来判断用户选择了哪一项。

北京亚控科技发展有限公司