0.4 前面板对象设计基础
VI应用程序界面称为前面板,前面板的所有对象基本上可以分为控制量和显示量。前面板是LabVIEW的重要组成部分,是用LabVIEW编写的应用程序的界面。LabVIEW提供非常丰富的界面控件对象,可以方便地设计出生动、直观、操作方便的用户界面。
LabVIEW 8.2所提供的专门用于前面板设计的控制量和显示量被分门别类地安排在控件选板中,当用户需要使用时,可以根据对象的类别从各个子选板中选取。前面板的对象按照其类型可以分为数值型、布尔型、字符串型、数组型、簇型、图形型等多种类型。
在用LabVIEW进行程序设计的过程中,对前面板的设计主要是编辑前面板控件和设置前面板控件的属性。为了更好地操作前面板的控件,设置其属性是非常必要的。
除了专门用于装饰用途的控件以外,多数控件本质的区别在于其代表的数据类型不同,因而各种控件的属性和用途互有差异。
本节主要以数值型、文本型、布尔型以及图形型控件为例,详细介绍用于前面板设计的控件的使用及其属性设置方法。
0.4.1基本设计方法
设计应用程序界面所用到的前面板对象全部包含在控件选板中。
放置在前面板上的每一个控件都具有很多属性,其中多数与显示特征有关,在编程时就可以通过在控件上单击右键更改属性值。
当然,不同的控件所具备的属性也不一样。而且有些属性是必须在编程时使用属性节点控制。
设计前面板需要用到控件选板,用鼠标选择控件选板上的对象,然后在前面板上拖放即可。以下举例说明前面板对象的创建过程。
创建新的应用程序并保存为“创建对象.VI”。
在控件选板上单击数值控件子选板,选择数值输入控件。此处需要说明的是选择该子选板中所有的控件对象,并在前面板的适当位置单击,即可创建数值控制件。然后在工具选板中选择标签工具,修改数值控件的标签并输入“数字1”。用同样的方法可以创建数字控件“滑动杆”和“旋钮”控件。在程序代码窗口中会产生代表控件的变量符号,如图0-13所示。
图0-13 前面板对象的生成
各个控件在设计时就已经有了默认的初始值,如果要改变这个初始值,则在设计时给控件输入指定的数值,然后在控件上单击右键,在快捷菜单中选择“数据操作”→“当前值设置为默认值”,如图0-14所示。这样每次在程序打开时,控件就自动赋予了新的默认值。
图0-14 设置控件的默认值
一般控件可以指定为显示量,也可以转换为控制量。仍然以图0-13 为例,在垂直点动滑条控件上右击鼠标,在弹出的快捷菜单中选择“转换为显示控件”,该控件已经变成了显示件,如图0-15所示。该变化也会同时反映到代码窗口中的变量符号上。
图0-15 改变控件的属性
0.4.2基本属性配置方法
此处介绍的前面板对象的配置方法适用于输入控件件和显示控件。
右键单击前面板对象,出现快捷菜单,如图0-15所示。菜单的前两部分(以菜单的分隔线为准)的内容适用于所有的控制件和显示件,在VI程序运行时这些属性变为只读属性,如控件的默认值和控件的描述等。菜单的其他部分针对特定控件的专有属性,这里只介绍显示控件和输入控件共有的快捷菜单部分。
(1)显示项:该菜单列表显示一个对象全部可以显示/隐藏的部分,如标签、标题等。
(2)查找接线端:在代码窗口中高亮显示显示件或控制件变量。当代码窗口中变量太多时,直接寻找控件变量是非常有效的。
(3)转换为显示控件/转换为输入控件:将指定的对象改变为显示件/控制件。
(4)说明和提示:单击此菜单将出现一个对话框,在对话框中编辑或查看该对象的描述摘要和使用提示。
(5)创建:针对此对象创建局部变量、属性节点和控件的参考以编程的方式控制对象的各属性。
(6)替换:选择其他的控制件或显示件来代替当前的控件。
(7)数据操作:包含一个编辑数据选项的子菜单。主要包括以下选项:
① 重新初始化默认值——恢复到控件的默认值。
② 当前值设置为默认值——将当前值设置为控件新的默认值。
③ 剪切数据/复制数据/粘贴数据——剪切、复制或粘贴前面板对象的内容。
(8)高级:包含控件高级编辑选项的子菜单。主要包括以下选项:
① 快捷键——为控件分配快捷键,用户在没有鼠标的情况下仍然可以访问控件。
② 同步显示——控件将显示全部的更新数据,这种设置方法将影响LabVIEW的运行性能。
③ 自定义——由用户定制控件,在控件编辑器中个性化前面板对象。
④ 隐藏输入控件/隐藏显示控件——在前面板中隐藏控件对象。要访问隐藏的对象,在代码窗口中鼠标右击对象的变量代码,并选择菜单显示输入控件/显示显示控件。
0.4.3前面板的修饰
作为一种基于图形模式的编程语言,LabVIEW在图形界面的设计上有着得天独厚的优势,可以设计出漂亮大方、方便易用的程序界面(即程序的前面板)。为了更好地进行前面板的设计,LabVIEW提供了丰富的修饰前面板的方法,以及专门用于装饰前面板的控件,这一节主要介绍修饰前面板的方法和技巧。
1.设置前面板对象的颜色
前景色和背景色是前面板对象的两个重要属性,合理地搭配对象的前景色和背景色会使用户的程序增色不少。下面具体介绍设置程序前面板对象前景色和背景色的方法。
一般情况下控件选板上的对象是以默认颜色被拖放到前面板的,但其可见的一些属性可以通过简单的操作进行修改。
对于前面板对象颜色的编辑需要用到工具选板里的取色工具和颜色设置工具。此处创建新的例子“设置颜色.vi”。
在程序的前面板创建1个数字量控件,颜色等均采用默认值。
颜色设置工具为,图标内有前后两个调色板,分别代表前景色和背景色。分别用鼠标单击两个调色板会出现颜色选择对话框以设置前景和背景的颜色,如图0-16所示。用鼠标单击颜色设置工具后,再在编辑对象的适当位置上单击鼠标,则被编辑对象就被分别设置为已经指定的前景色和背景色。
图0-16 设置控件颜色
另外一种简便的操作是,用鼠标单击颜色设置工具后,在被编辑对象的适当位置上右击鼠标,此时出现颜色对话框并且动态地渲染被编辑的对象,选择合适的颜色后单击鼠标,完成颜色的设置。
2.设置前面板对象的文字风格
在LabVIEW中,可以设置前面板文本对象的字体、颜色及其他风格特征。这些可以通过LabVIEW的工具栏中的字体按钮进行设置。单击该按钮,将弹出用于设置字体的下拉菜单,在下拉菜单中,用户可以选择文字的字体、颜色、大小和风格。用户也可以在字体按钮的下拉菜单中选择字体对话框来设置字体的常用属性。LabVlEW 8.2的字体设置对话框如图0-17所示,在这个对话框中可以设置字体的几乎所有属性。
图0-17 字体设置对话框
3.前面板对象的位置与排列
为了提高前面板外观设计的效率,LabVIEW提供了前面板对象编辑控制的一些工具,尤其是在界面对象比较多时,这些工具就显得尤为重要。
在LabVIEW程序中,设置多个对象的相对位置关系及对象的大小是布置和修饰前面板过程中一件非常重要的工作。在LabVlEW 8.2中,提供了专门用于调整多个对象位置关系及设置对象大小的工具,它们位于LabVIEW的工具栏上。
LabVIEW所提供的用于设置多个对象之间位置关系的工具如图0-18所示。这两种工具分别用于调整多个对象的对齐关系,以及调整对象之间的距离。
图0-18 用于设置多个对象之间位置关系的工具
群组工具可以将一系列对象设置为一组,以固定其相对位置关系,也可以锁定对象,以免在编辑过程中对象被移动。利用LabVIEW提供的移动对象前、后相对位置的工具可以改变对象的前后顺序,以决定是否遮挡住某些对象。例如,选择“向前移动”命令可以将对象向前移动;选择“向后移动”命令可以将对象向后移动;选择“移至前面”命令可以将对象移动到最前方,如图0-19所示。
图0-19 调整控件顺序的工具
4.调整前面板对象的大小
一般情况下,控件选板上的对象以默认大小和颜色被拖放到前面板,但其可见的一些属性可以通过简单的操作进行修改。
使工具选板处于自动选择状态或处于定位状态,只需将鼠标移动到被编辑对象的边缘处,对象上会出现几个方框或圆框,单击鼠标左键并拖动方框到合适位置后松开鼠标左键,则控件对象将被放大或缩小,如图0-20所示。
图0-20 调整前面板对象的大小
对于特殊的控件,其编辑方式可能不尽一致,可将鼠标改为选择状态,然后在对象上移动,当鼠标的形状发生改变时,拖动即可进行编辑。例如,在图0-20 中可以在旋钮控件刻度附近拖动鼠标以改变刻度的起始和终止位置。
在LabVIEW的工具栏上有设置控件大小的工具,如图0-21所示。
图0-21 设置控件大小的工具
利用设置对象大小的工具,用户可以按照一定的规则调整对象的尺寸,也可以用按钮来指定控件的高度和宽度,进而设置对象的大小。
5.用修饰控件装饰前面板
LabVIEW提供了装饰前面板上对象的设计工具,这些界面元素对程序不产生任何影响,仅仅是为了增强界面的可视化效果。它包括一系列线、箭头、方形、圆形、三角形等形状的修饰模块,这些模块如同一些搭建美观的程序界面的积木,合理组织、搭配这些模块可以构造出绚丽的程序界面。
LabVIEW 8.2中用于修饰前面板的控件位于控件选板中的修饰子选板中,如图0-22所示。
图0-22 修饰控件
在LabVlEW 8.2中,修饰子选板中的各种控件只有前面板图形,而在后面板上没有与之对应的图标,这些控件的主要功能就是进行界面的修饰。
6.前面板对象的显示和隐藏
LabVIEW提供的控件是否都具有可见的属性,这个属性可以在程序开发时设定,也可以在程序运行时通过代码来控制,以下举例说明。
新建应用程序。在前面板添加数值显示控件,在代码窗口中用鼠标右击数值显示控件,选择快捷菜单中的“高级”→“隐藏显示控件”命令,如图0-23所示,数值显示控件在前面板已经不可见了。
图0-23 设计时隐藏控件
要恢复其可见性,只需要在框图程序窗口中用鼠标右击数值显示控件,选择快捷菜单中的“显示显示控件”命令,如图0-24所示。
图0-24 使隐藏的控件可见