第13章界面设计与美化

1、精通LabVIEW虚拟仪器程序设计与案 例实现 第13章 界面设计与美化 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 本章内容 o 界面设计的一般原则 o 菜单设计 o 子VI的调用与重载 o 界面美化常用技巧 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面设计的一般原则 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面设计的一般原则 o推荐对控件进行归类，功能类似的放在界面的同一区域，比如说， 将命令、控制按钮放在一起，结果显示放在一起，状态显示放在 一起； o布局合理，主次要分明，重要的、常用的控件要放在

2、界面上显眼 的位置，不常用的控件可以使用模块化，在平常时隐藏，需要用 到时再调用； o按阅读习惯布局控件，人们的阅读习惯一般是从左住右，从上到 下。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 常用的界面布局 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 常用界面风格仪器型界面 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 常用界面风格测试平台界面 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 常用界面风格Windows平台界面 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面

3、设计与美化 菜单设计菜单编辑器 打开菜单编辑器的方法为，在菜单栏里选择“编辑运行时菜单”。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 菜单设计菜单操作函数 函数编程对话框与用户界面菜单 思路一般为：先获取当前菜单，然后再对它进行编辑。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 实例通过函数编程实现菜单栏生成 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 属性节点 在这个例子中，使用属性节点控制“波形图”的横、纵坐标显示范围，并 用它来设置“停止”按钮控件在程序运行时进行闪烁。 这里要注意的是，用属性节 点控制

4、“波形图”等波形显示控 件的显示范围时，要将这些控件 横纵坐标的“自动调整”属性取 消，否则就会出现程序运行时显 示控件因为坐标显示范围的不停 变化而不停地闪烁的现象。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 调用节点 在本例中，通过“调用节点”调用“波形图”的“导出图像”方法，将波 形一幅正弦波形图像导出到指定位置，程序框图与运行结果如图所示。 关于调用节点的各个输入 端口具体表示的含义与输入/ 输出值，可以参考LabVIEW的 帮助文档，但注意的是，只有 当调用节点连接到了某个具体 的控件时，帮助文档里才会有 相应的内容。 精通LabVIEW虚拟仪器程序设计

5、与案例实现 第13章 界面设计与美化 子VI调用与重载 o编写子VI程序代码（与编写正常的LabVIEW一样）； o定义端口； o修饰图标（可以是图片或者文字，即子VI被调用时呈现给大家看 的“相貌”）； o保存； o在其它程序中进行调用。 子VI的编写大概可以分为以下几个步骤： 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 实例创建子VI 这个子VI的功能是实现 对输入信号的滤波，输出滤 波后的波形，滤波器参数可 以设置。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 实例创建子VI 为子VI配置接线端口 精通LabVIEW虚拟仪器程序设计

6、与案例实现 第13章 界面设计与美化 实例创建子VI 修饰子VI图标 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 子VI调用 子VI的调用方法为在后面板上点击鼠标右键，选择“选择VI”，在弹出的对话 框中选择创建好的子VI。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 多面板程序设计 o一种是在弹出子面板时，主程处于等待状态，直到子面板运行完 成，可以简单地通过子VI的调用来实现； o另一种是弹出子面板后，子面板与主程序相互独立运行，需要通 过VI引用的调用节点来实现。 在设计这种程序时，一般分两种情况： 精通LabVIEW虚拟仪器程序设

7、计与案例实现 第13章 界面设计与美化 实例基于按钮的多面板程序 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 实例基于菜单的多面板程序 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 动态载入界面 LabVIEW提供一个“子面板”控件，利用这个控件可以 实现动态载入界面和子界面重用。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 利用“子面板”动态载入界面 子面板控件的大小是一个 比较棘手的问题，这里提出 一点：调用的VI在子面板中 的显示位置与VI编辑时相对 于左上角的位置是一样的， 所以在编写子VI时，最好把 控

8、件从左上角开始排列。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 利用“子面板”和VI模板实现子界面重用 o将仪器界面编写为一个单独的VI，并把它保存为VI模板（保存时 把扩展名改为.vit即可）。当用“打开VI引用”函数打开VI模板 时，它会自动在内存中创建一份复本，如果打开多次就会创建多 个复本，这就是VI模板的克隆特性。 o在界面上放置多个“子面板”作为仪器界面的“容器”，右击每 一个“子面板”并选择“创建引用”选项，在程序框图中创建 它们的引用。 o通过For循环来实现载入VI模板的多个复本。 当有许多相同的仪器界面需要显示时，可以用“子面板”与VI 模板来

9、实现，步骤如下： 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 实例子界面重用 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 实例子界面重用 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化使用布局工具排列对象 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化使用布局工具排列对象 有些控件的大小是系 统默认的，无法用“调 整对象大小控件”中的 “调整宽度和高度”工 具进行调整，比说数值 控件的宽度等，这些不 能调整的控件大小的尺 寸会用“*”标识出来。 精通LabVIEW虚拟仪器

10、程序设计与案例实现 第13章 界面设计与美化 界面美化添加背景图片 o一种是直接从源图片中进行复制、粘贴； o另一种是通过LabVIEW的菜单栏中“编辑导入图片至剪贴板” 选项，从文件中选择图片，然后在前面板上进行粘贴。 添加背景图片的方法有两种： 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化自定义控件 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化自定义控件 o在前面板上放置一个“确定”按 钮； o鼠标右键单击控件，选择“高级 自定义”，打开自定义编辑对 话框； o从“编辑导入图片至剪贴板” 导入图片到剪贴板； o右键单击

11、控件，选择“从剪贴板 导入图片始终”，将图片导入 到控件上； o切换到编辑模式，调整图片和文 字的位置、大小。 o保存自定义控件 自定义控件编辑效果 不同状态下插入图片的自定义控件效果 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化自定义控件 LabVIEW的所有控件都 支持添加控件说明信息，具 体方法为在控件上单击鼠标 右键，选择“属性”，打开 属性对话框，在“说明信息” 标签页中进行添加。 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化动画 在程序载入过程中、文件保存过程中添加一些动画效果，将会使程序看上 去更有活力，在L

12、abVIEW中添加动画效果有很多种方法，最方便的就是在程 序界面上添加一个.GIF的动画图片，GIF动画图片的效果与程序运行过程是 互不影响的。 另外一种常用的方法是使用LabVIEW自带的进度条等控件，或者是自定 义控件，下面分别通过具体实例来演示它们的实现过程。 用进度条实现动画效果 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化动画 图片滚动条 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化利用控件选板与工具选板 控件新式容器 控件新式修饰 容器子面板中的修饰控件 修饰子面板中的修饰控件 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 实例分隔栏使用示例 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化工具选板 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 界面美化 VI属性设置 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设计与美化 综合实例用属性节点控制Tab控件 精通LabVIEW虚拟仪器程序设计与案例实现 第13章 界面设