LabVIEW虚拟仪器项目开发与实践
上QQ阅读APP看书,第一时间看更新

2.6 对前面板进行装饰

如果把界面设计比作盖房子,那么前面几节讲解的界面设计原则就如同是盖房子的主体结构的必需工具。完成“主体结构”后,还需要对房子进行装修,才能更舒适、漂亮。LabVIEW提供了一些基本的用户界面装饰控件,如线条、边框、箭头等(图2-10)。

设计人员可以使用这些控件对用户界面进行装饰,使用户界面更直观易懂。例如,可以使用箭头连接按顺序操作的各步骤,引导用户完成整个测试流程。除了基本的修饰控件外,还可以使用图片对用户界面进行装饰。值得注意的是,此处所说的“装饰”,并不仅局限于使用LabVIEW提供的装饰控件对界面的局部进行修饰,也可以使用Photoshop、Paint.NET、PowerPoint和Visio等软件,将外部图片或矢量图导入前面板中,来完成各种信息的组织和前面板装饰,以创建专业、个性的用户界面。

图2-10 LabVIEW提供的基本装饰控件

以LabVIEW的开始对话框为例(图2-11),可以按照以下步骤创建其前面板:

图2-11 使用图片装饰用户界面

(1)使用界面绘图工具(Photoshop、 Visio、PowerPoint等软件)绘制用户界面背景。

(2)将绘制好的图片复制、粘贴到VI前面板中,如图2-11(a)所示。

(3)选择各种控件。必要时使用工具栏上的“纵向排序”(Reorder)工具(图2-12)对控件和图片的层叠顺序进行排列,确保各控件位于背景图片之上。

(4)将控件设置为透明,使控件和背景图片融为一体,如图2-11(b)所示。创建此类界面时,一般选用传统风格的控件,因为传统风格的控件可以完全被设置为透明。这一点经常被作为构建独特风格界面的有效手段,例如可以将图片作为背景,将传统风格的控件设置为透明,放置在图片之上,则用户看到的是背景图片,实际上操作的却是控件。

大多数个性化、专业的VI前面板都可以使用这种方法创建。甚至可以结合这种方法创建类似图2-13所示的iPhone界面风格的VI(本书第2章的源码)。

图2-12 控件纵向排序工具

图2-13 使用LabVIEW创建的iPhone风格的VI