第13章界面设计与美化.ppt

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