LabVIEW程序界面的布局

俗话说：“人靠衣装，佛靠金装”，应用程序的界面是提供给使用者的第一印象，直接影响到应用程序的用户体验。因此，有效、合理的界面能够为程序增色不少。LabVIEW 提供了丰富的界面控件供开发者选择，有经验的程序员往往能够利用这些控件做出令人称赞的界面效果。

在《LabVIEW Development Guidelines》（下载）和《The LabVIEW Style book》（介绍）书中都有专门的章节来论述LabVIEW程序界面设计规范和方法。本文主要从应用应用开发的角度描述一些通用的界面设计的方法。

1.1控件的分类和排列

在LabVIEW中，控件通常被笼统地分为控制型控件（Control）和显示型控件（Indicator）。而对某一个具体的应用而言，更需要把Control和Indicator进行细分，使得具有同样功能的控件排放在一起，甚至组成若干个Group组。

LabVIEW提供了一系列工具供程序员排列和分布控件的位置以及调整控件的大小，如图1所示。图(a)是排列对齐工具，其中的图标可以很清楚地知道各个按钮的作用。使用Ctrl+Shift+A可以重复上一次的排列方式。图(b)是位置分布工具，可以快速地分布各个控件之间的位置。图(c)是大小调整工具，可以快速地调整多个不同控件的大小（注意：部分控件的大小是不允许被调整的）。图(d)是组合和叠放次序工具，Group表示把当前选择的控件组合起来形成一个整体；Ungroup与Group相反，表示分散已经整合起来的各个控件；Lock 表示锁定当前选择的控件，此时控件将无法被编辑（包括移动控件的位置，调整控件的大小等）；Unlock是解锁指令；Move Forward、Move Backward、Move to Front和Move to Back 表示修改当前选择控件的排放次序。

1 控件排列和分布工具

图2是某个测试界面的控件摆放实例，尽管这些控件都是Indicator控件，但是仍然根据显示功能和内容的不同将控件进行了分类。如果将其中的信息不经过任何分类而直接摆放在一起，则没有很好的条理性和层次性。

2 控件摆放实例

在实际应用中，需要首先将Control和Indicator分开摆放；然后在Control和Indicator 内部对控件按照功能进行分类，不同的类别之间以显著的标志进行区分；最后要合理安排控件的位置和分布，确保整个界面匀称和整洁。

1.2颜色的使用

颜色在程序中的应用有多种功能，除了能够确保界面的丰富和完善之外，还能够重点区分不同控件的功能，强调某些控件的作用和位置。LabVIEW提供了传统的取色工具和着色工具，如图3所示。取色工具是获取LabVIEW开发环境中某个点的颜色值（包括前景色和背景色），并将获取的颜色设置为当前的颜色。着色工具是将当前的颜色值（包括前景色和背景色）设置到某个控件上。

3取色工具和着色工具

【小技巧】

(1)在使用着色工具时，按住Ctrl键可以将工具暂时切换成取色工具，释放Ctrl

键后将返回着色工具。

(2)在使用着色工具时，使用“空格”键可以快速地在前景色和背景色之间切

换。

在着色工具中，右上角的“T”表示透明色，可以使用鼠标单击该图标设定当前的颜色为透明色，如图4所示。此外，LabVIEW还提供了一系列预定义的标准颜色供程序员选择，其中System的第一个颜色是Windows的标准界面颜色。

4 着色工具面板

LabVIEW允许设置一个VI窗口的透明色，在VI Property对话框中选择Windows Appearance页，单击Customize…按钮将弹出如图5所示的对话框。勾选“Windows runs transparently”选项，并设置透明度（0%~100%）。

5 Customize Windows Appearance对话框

1.3LabVIEW控件

在LabVIEW中有3种不同外观的控件可供选择，分别是：Modern、System和Classic。其中Modern控件是NI专门为LabVIEW设计的具有3D效果的控件，它能够确保在不同的操作系统下显示始终是一样的；而System是采用系统控件，它的外观与操作系统有关，不同的操作系统下控件的显示外观有所不同。大多数的程序员似乎更愿意选择System控件，理由是它可以让程序看起来不那么LabVIEW化。但是LabVIEW并不允许程序员任意自定义System控件的外观，这同时也限制了System控件的使用。

LabVIEW允许程序员在现有控件的基础上重新定义控件的外观（Type Def.和Strict Type Def.技术）。图6是使用控件自定义方法重新设计的Tank控件，程序员可以修改控件的各种显示表达方式，但是却不能修改控件的功能（可以使用XControl技术）。

6 Tank控件

1.4插入图片和装饰

程序中必要的图片不仅能够给用户直观的视觉感受，还能够描述程序的作用（当然，不能使用过量的图片）。最简单的插入图片的方式是：将准备好的图片直接拖入到VI的前面板中或者使用Ctrl +C/V粘贴到前面板中。当然，还可以使用Picture控件将图片动态地载入到Picture控件中。

此外，LabVIEW还提供了一种自定义程序背景图的方式。新建一个VI，在VI的垂直滚动条或水平滚动条上右击将弹出如图7所示的快捷菜单。

7 VI前面板快捷菜单

选择Properties，将弹出如图8所示的Pane Properties对话框。在左下方的Background 区域中内置了部分的图片供程序员选择，也可以使用Browse…按钮导入外部自定义的图片。【注意】

如果需要导入不规则的图片，可以将图片的部分背景色设置为透明并保存为png的格式。

8 Pane Properties对话框

在Controls>>Modern>>Decorations和Controls>>System中有一些装饰用控件，如图9所示，程序员可以使用这些装饰控件为应用程序增色。图10就是采用System控件中的System Recessed Frame和System Label控件设计的控件组合。