LabVIEW虚拟仪器技术及应用
上QQ阅读APP看书,第一时间看更新

2.4 VI前面板设计

把VI应用程序界面称作前面板。前面板是LabVIEW的重要组成部分,是用LabVIEW编写的应用程序的界面。LabVIEW提供非常丰富的界面控件对象,可以方便地设计出生动、直观、操作方便的用户界面。

LabVIEW提供的专门用于前面板设计的输入和显示控件被分门别类地放置在控件选板中,当用户需要使用时,可以根据对象的类别从各个子选板中选取。前面板的对象按照其类型可以分为数值型、布尔型、字符串型、数组型、簇型、图形型等多种类型。

在用LabVIEW进行程序设计的过程中,对前面板的设计主要是编辑前面板控件和设置前面板控件的属性。

2.4.1 前面板对象的创建

设计应用程序界面所用到的前面板对象全部包含在控件选板中。

放置在前面板上的每一个控件都具有很多属性,其中多数与显示特征有关,在编程时就可以通过在控件上右击(即右键单击,以下同)更改其属性值。

设计前面板需要用到控件选板,用鼠标选择控件选板上的对象,然后在前面板上拖放即可。

以下举例说明前面板对象的创建过程。首先创建新的应用程序并保存为“创建对象.VI”。

切换到前面板窗口,在控件选板上单击“数值”控件子选板,选择“数值输入控件”,如图2-15所示,在前面板的适当位置单击,即可创建数值输入控件。修改数值控件的标签并输入“数字1”。同样的方法可以创建数值型控件“垂直指针滑动杆”和“旋钮”,如图2-16所示。相应的在程序框图窗口中会产生代表控件的图标符号,如图2-17所示。

978-7-111-61476-0-Chapter02-24.jpg

图2-15 控件选板数值子选板

978-7-111-61476-0-Chapter02-25.jpg

图2-16 前面板窗口中对象的生成

978-7-111-61476-0-Chapter02-26.jpg

图2-17 程序框图窗口中自动生成的图标

2.4.2 前面板对象的属性配置

此处介绍的前面板对象的配置方法适用于输入控件和显示控件。

右击前面板对象如滑动杆控件,弹出快捷菜单,如图2-18所示。这里只介绍输入控件和显示控件共有的快捷菜单部分。

1)显示项:该菜单列表显示一个对象可以显示/隐藏的部分,如标签、标题等。

2)查找接线端:在代码窗口中高亮显示前面板对象。当代码窗口中对象太多时,直接寻找控件对象是非常有效的。

3)转换为显示控件/转换为输入控件:将指定的对象改变为显示控件或输入控件。

任何一个前面板对象都有控制和指示两种属性,右击前面板对象,在弹出快捷菜单中选择“转换为显示控件”或“转换为输入控件”可以在控制和指示两种属性之间切换。

一般控件可以指定为显示量,也可以转化为输入量。比如右击滑动杆控件,在弹出的快捷菜单中单击“转换为显示控件”,该控件已经变成了显示件。该变化也同时反映到程序框图窗口中的图标上。

4)创建:针对选择的对象创建局部变量、引用和属性节点等。

5)替换:选择其他的控件来代替当前的控件。

6)数据操作:包含一个编辑数据选项的子菜单。主要包括以下选项:重新初始化默认值和当前值设置为默认值。图2-16中,各个控件在设计时就已经有了默认的初始值,如果要改变这个初始值,则在设计时给控件输入指定的数值,然后在控件上右击,在弹出的快捷菜单中选择:“数据操作”→“当前值设置为默认值”,如图2-19所示。这样每次在程序打开时,控件就自动赋予了新的默认值。

978-7-111-61476-0-Chapter02-27.jpg

图2-18 改变控件的属性

978-7-111-61476-0-Chapter02-28.jpg

图2-19 设置控件的默认值

7)高级:包含控件高级编辑选项的子菜单。主要包括以下选项:

快捷键:为控件分配快捷键,用户在没有鼠标的情况下仍然可以访问控件。

同步显示:控件将显示全部的更新数据,这种设置方法将影响LabVIEW的运行性能。

自定义:由用户定制控件,在控件编辑器中设计个性化的前面板对象。

隐藏输入控件/隐藏显示控件:在前面板中隐藏控件对象。要访问隐藏的对象,在代码窗口中右击控件对象,在弹出菜单中选择“显示输入控件或“显示显示控件”。

2.4.3 前面板对象的修饰

作为一种基于图形模式的编程语言,LabVIEW在图形界面的设计上有着得天独厚的优势,可以设计出漂亮、大方而且方便、易用的程序界面(即程序的前面板)。为了更好地进行前面板的设计,LabVIEW提供了丰富的修饰前面板的方法以及专门用于装饰前面板的控件,下面介绍修饰前面板的方法和技巧。

1.设置前面板对象的颜色

前景色和背景色是前面板对象的两个重要属性,合理地搭配对象的前景色和背景色会使用户设计的程序增色不少。一般情况下控件选板上的对象是以默认颜色被拖放到前面板,可以通过简单的操作进行修改。

对于前面板对象的颜色的编辑需要用到工具选板里的取色工具和颜色设置工具。

此处创建新的VI“设置颜色.vi”。在程序的前面板创建1个数值量控件“液罐”,颜色等均采用默认值。

颜色设置工具为978-7-111-61476-0-Chapter02-29.jpg,图标内有前后两个调色板,分别代表前景色和背景色。分别用鼠标单击两个调色板会出现颜色选择对话框,图2-20所示,以设置前景和背景的颜色。用鼠标单击颜色设置工具后,再在编辑对象的适当位置上单击鼠标,则被编辑对象就被分别设置成指定的前景色和背景色。

978-7-111-61476-0-Chapter02-30.jpg

图2-20 设置控件颜色

另外一种简便的操作是,用鼠标单击颜色设置工具978-7-111-61476-0-Chapter02-31.jpg后,在被编辑对象的适当位置上右击,弹出颜色对话框并且动态地渲染被编辑的对象,选择合适的颜色后单击鼠标,完成颜色的设置。

2.设置前面板对象的文字风格

在LabVIEW中,可以设置前面板文本对象的字体、颜色以及其他风格特征。这些可以通过LabVIEW工具栏中的字体按钮978-7-111-61476-0-Chapter02-32.jpg进行设置。单击该按钮,将弹出用于设置字体的下拉菜单,在菜单中,用户可以选择文字的字体、颜色、大小和风格。用户也可以在字体按钮的下拉菜单中选择字体对话框来设置字体的常用属性。字体设置对话框如图2-21所示,在这个对话框中几乎可以设置字体的所有属性。

3.前面板对象的位置与排列

为了提高前面板外观设计的效率,LabVIEW提供了前面板对象编辑控制的一些工具,尤其是在界面对象比较多时,这些工具就显得尤为重要。

在LabVIEW程序中,设置多个对象的相对位置关系是布置和修饰前面板过程中一件非常重要的工作。在LabVIEW中提供了专门用于调整多个对象位置关系的工具,它们位于LabVIEW的工具栏上。

LabVIEW所提供的用于修改多个对象位置关系的工具如图2-22所示。这两种工具分别用于调整多个对象的对齐关系以及调整对象之间的距离。

978-7-111-61476-0-Chapter02-33.jpg

图2-21 字体设置对话框

978-7-111-61476-0-Chapter02-34.jpg

图2-22 用于设置多个对象之间位置关系的工具

群组工具可以将一系列对象设置为一组,以固定其相对位置关系,也可以锁定对象,以免在编辑过程中对象被移动。

4.调整前面板对象的大小

一般情况下控件选板上的对象是以默认大小被拖放到前面板,可以通过简单的操作进行修改。

对于大小的修改,当工具选板处于自动选择状态或处于定位状态,只需将鼠标移动到被编辑对象的边缘处,对象上会出现几个方框或圆框,单击鼠标左键并拖动方框或圆框到合适位置后松开鼠标左键,则控件对象被放大或缩小,如图2-23所示对数值型“液罐”控件进行缩放。

但对于特殊的控件,其编辑方式可能不尽一致,将鼠标改为选择状态,然后在对象上移动,当鼠标的形状发生改变时,拖动即可进行缩放编辑。

在LabVIEW的工具栏上有设置对象大小的工具,如图2-24所示。

978-7-111-61476-0-Chapter02-35.jpg

图2-23 调整前面板对象的大小

978-7-111-61476-0-Chapter02-36.jpg

图2-24 调整对象大小的工具

利用设置对象大小的工具,用户可以按照一定的规则调整对象的尺寸,也可以用按钮来指定控件的高度和宽度,进而设置对象的大小。

5.用修饰控件装饰前面板

LabVIEW提供了装饰前面板上对象的设计工具,这些界面元素对程序不产生任何影响,仅仅是为了增强界面的可视化效果。它包括一系列线、箭头、方形、圆形、三角形等形状的修饰模块,这些模块如同一些搭建程序界面外观的积木,合理组织、搭配这些模块可以构造出绚丽的程序界面。

LabVIEW中用于修饰前面板的控件位于控件选板中的修饰子选板中,如图2-25所示。

978-7-111-61476-0-Chapter02-37.jpg

图2-25 修饰类控件

在LabVIEW中,修饰子选板中的各种控件只有前面板图形,而没有在程序框图上与之对应的图标,这些控件的主要功能就是进行界面的修饰。

6.前面板对象的显示和隐藏

LabVIEW提供的控件都具有是否可见的属性。这个属性可以在程序开发时设定,也可以在程序运行时通过代码来控制,以下举例说明。

新建应用程序。在前面板添加数值显示控件,在程序框图窗口中右击数值显示控件,在弹出的快捷菜单中选择“高级/隐藏显示控件”,如图2-26所示,数值显示控件在前面板已经不可见了。

要恢复其可见性,切换到程序框图窗口,右击数值显示控件,在弹出的快捷菜单中选择“显示显示控件”,如图2-27所示,这时前面板窗口中将出现隐藏的数值显示控件。

978-7-111-61476-0-Chapter02-38.jpg

图2-26 设计时隐藏控件

978-7-111-61476-0-Chapter02-39.jpg

图2-27 使隐藏的控件可见