第13章界面设计与美化

精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化本章内容界面设计的一般原则菜单设计子VI的调用与重载界面美化常用技巧精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面设计的一般原则精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面设计的一般原则推荐对控件进行归类，功能类似的放在界面的同一区域，比如说，将命令、控制按钮放在一起，结果显示放在一起，状态显示放在一起；布局合理，主次要分明，重要的、常用的控件要放在界面上显眼的位置，不常用的控件可以使用模块化，在平常时隐藏，需要用到时再调用；按阅读习惯布局控件，人们的阅读习惯一般是从左住右，从上到下。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化常用的界面布局精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化常用界面风格——仪器型界面精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化常用界面风格——测试平台界面精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化常用界面风格——Windows平台界面精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化菜单设计——菜单编辑器打开菜单编辑器的方法为，在菜单栏里选择“编辑→运行时菜单”。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化菜单设计——菜单操作函数函数→编程→对话框与用户界面→菜单思路一般为：先获取当前菜单，然后再对它进行编辑。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——通过函数编程实现菜单栏生成精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化属性节点在这个例子中，使用属性节点控制“波形图”的横、纵坐标显示范围，并用它来设置“停止”按钮控件在程序运行时进行闪烁。这里要注意的是，用属性节点控制“波形图”等波形显示控件的显示范围时，要将这些控件横纵坐标的“自动调整”属性取消，否则就会出现程序运行时显示控件因为坐标显示范围的不停变化而不停地闪烁的现象。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化调用节点在本例中，通过“调用节点”调用“波形图”的“导出图像”方法，将波形一幅正弦波形图像导出到指定位置，程序框图与运行结果如图所示。关于调用节点的各个输入端口具体表示的含义与输入/输出值，可以参考LabVIEW的帮助文档，但注意的是，只有当调用节点连接到了某个具体的控件时，帮助文档里才会有相应的内容。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化子VI调用与重载编写子VI程序代码（与编写正常的LabVIEW一样）；定义端口；修饰图标（可以是图片或者文字，即子VI被调用时呈现给大家看的“相貌”）；保存；在其它程序中进行调用。子VI的编写大概可以分为以下几个步骤：精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——创建子VI这个子VI的功能是实现对输入信号的滤波，输出滤波后的波形，滤波器参数可以设置。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——创建子VI为子VI配置接线端口精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——创建子VI修饰子VI图标精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化子VI调用子VI的调用方法为在后面板上点击鼠标右键，选择“选择VI”，在弹出的对话框中选择创建好的子VI。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化多面板程序设计一种是在弹出子面板时，主程处于等待状态，直到子面板运行完成，可以简单地通过子VI的调用来实现；另一种是弹出子面板后，子面板与主程序相互独立运行，需要通过VI引用的调用节点来实现。在设计这种程序时，一般分两种情况：精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——基于按钮的多面板程序精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——基于菜单的多面板程序精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化动态载入界面LabVIEW提供一个“子面板”控件，利用这个控件可以实现动态载入界面和子界面重用。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化利用“子面板”动态载入界面子面板控件的大小是一个比较棘手的问题，这里提出一点：调用的VI在子面板中的显示位置与VI编辑时相对于左上角的位置是一样的，所以在编写子VI时，最好把控件从左上角开始排列。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化利用“子面板”和VI模板实现子界面重用将仪器界面编写为一个单独的VI，并把它保存为VI模板（保存时把扩展名改为.vit即可）。当用“打开VI引用”函数打开VI模板时，它会自动在内存中创建一份复本，如果打开多次就会创建多个复本，这就是VI模板的克隆特性。在界面上放置多个“子面板”作为仪器界面的“容器”，右击每一个“子面板”并选择“创建→引用”选项，在程序框图中创建它们的引用。通过For循环来实现载入VI模板的多个复本。当有许多相同的仪器界面需要显示时，可以用“子面板”与VI模板来实现，步骤如下：精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——子界面重用精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——子界面重用精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——使用布局工具排列对象精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——使用布局工具排列对象有些控件的大小是系统默认的，无法用“调整对象大小控件”中的“调整宽度和高度”工具进行调整，比说数值控件的宽度等，这些不能调整的控件大小的尺寸会用“*”标识出来。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——添加背景图片一种是直接从源图片中进行复制、粘贴；另一种是通过LabVIEW的菜单栏中“编辑→导入图片至剪贴板”选项，从文件中选择图片，然后在前面板上进行粘贴。添加背景图片的方法有两种：精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——自定义控件精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——自定义控件在前面板上放置一个“确定”按钮；鼠标右键单击控件，选择“高级→自定义”，打开自定义编辑对话框；从“编辑→导入图片至剪贴板”导入图片到剪贴板；右键单击控件，选择“从剪贴板导入图片→始终”，将图片导入到控件上；切换到编辑模式，调整图片和文字的位置、大小。保存自定义控件自定义控件编辑效果不同状态下插入图片的自定义控件效果精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——自定义控件LabVIEW的所有控件都支持添加控件说明信息，具体方法为在控件上单击鼠标右键，选择“属性”，打开属性对话框，在“说明信息”标签页中进行添加。精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——动画在程序载入过程中、文件保存过程中添加一些动画效果，将会使程序看上去更有活力，在LabVIEW中添加动画效果有很多种方法，最方便的就是在程序界面上添加一个.GIF的动画图片，GIF动画图片的效果与程序运行过程是互不影响的。另外一种常用的方法是使用LabVIEW自带的进度条等控件，或者是自定义控件，下面分别通过具体实例来演示它们的实现过程。用进度条实现动画效果精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——动画图片滚动条精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——利用控件选板与工具选板控件→新式→容器控件→新式→修饰容器子面板中的修饰控件修饰子面板中的修饰控件精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化实例——分隔栏使用示例精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——工具选板精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化界面美化——VI属性设置精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化综合实例——用属性节点控制Tab控件精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化综合实例——用属性节点控制Tab控件精通LabVIEW虚拟仪器程序设计与案例实现第13章界面设计与美化思考与练习界面设计的一般原则？常用界面风格有哪些？菜单设计方法有哪几中？如何创建子VI，如何设置VI的属性？动手设计一个多面板程序。熟悉掌握布局工具，一般界面如何布局？如何自定义控件？如何调用自定义控件？自己动手试试。如何灵活运行分隔栏和Tab控件？