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

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