人机界面交互设计

1、1第第12章章 人机界面交互设计人机界面交互设计2引子nLabVIEW很重要的一个优势就是界面编辑的所见即所得。LabVIEW前面板包含了大量形象逼真的控件，用户还可以创建自定义控件。前面板的窗口形式也可以以不同的方式显示以满足不同的需求。在用户交互方面，用户可以通过按钮、播放声音、对话框、菜单和键盘输入等多种方式与程序进行交互。3本章内容n12.1 VI属性设置属性设置n12.2 对话框对话框n12.3 错误处理错误处理n12.4 菜单菜单n12.5 鼠标指针鼠标指针n12.6 播放声音播放声音n12.7 自定义控件和自定义数据类型自定义控件和自定义数据类型n12.9 设计形象生动的用户界面

2、设计形象生动的用户界面412.1 VI属性设置属性设置nVI有很多属性是可以设置的，这其中包括：VI图标、VI修改历史、VI帮助文档、密码保护、前面板显示内容、窗口大小、执行控制和打印属性等。通过配置这些属性可以让我们的VI适合在不同的场合运行。512.1 VI属性设置属性设置n选择菜单File-VI Properties打开如下图所示的对话框。缺省为General选项，在该选项下可以修改VI图标，查看VI修改历史等。612.1 VI属性设置属性设置n前面板显示格式设置对话框前面板显示格式设置对话框 712.2 对话框对话框n12.2.1 普通对话框普通对话框n对话框VI函数在Function

3、s Palette的Programming-Dialog & User Interface面板下。按类型分为两种对话框：一种是信息显示对话框，另一种是提示用户输入对话框。 812.2 对话框对话框n12.2.2 用户自定义对话框用户自定义对话框n除了LabVIEW提供的简单的对话框，用户还能通过子VI的方式实现用户自定义的对话框。 设置子设置子VI调用方式调用方式912.2 对话框对话框n用户自定义的对话框举例用户自定义的对话框举例 1012.3 错误处理错误处理nLabVIEW通过Error in 和Error out簇来携带错误信息，并可以将错误信息从底层VI传递到上层VI 1112.3

4、错误处理错误处理n在调用含有error out输出的子VI时，当错误发生时若错误输出端悬空，就会自动弹出错误对话框显示错误信息，并询问是否继续运行。错误对话框除了显示error out簇中的代码，错误源信息外，还会显示错误的可能原因，这对分析问题非常重要。 1212.4 菜单菜单n12.4.1 运行时主菜单（运行时主菜单（Run-Time Menu）n在Edit菜单中选择Run-Time Menu会弹出如图所示的菜单编辑器。 1312.4 菜单菜单n12.4.1 运行时主菜单（运行时主菜单（Run-Time Menu）菜单操作相关菜单操作相关VI函数面板函数面板1412.4 菜单菜单n菜单响应

5、的程序框图菜单响应的程序框图 1512.4 菜单菜单 1612.4 菜单菜单n通过事件结构实现菜单响应的程序框图通过事件结构实现菜单响应的程序框图 1712.4 菜单菜单n12.4.2 右键快捷菜单（右键快捷菜单（Run-Time Shortcut Menu）1812.5 鼠标指针鼠标指针n鼠标指针形状经常用来为用户显示一定的信息，譬如沙漏形状 代表系统正忙，前后箭头 代表用户此时可以调整对象大小，十字箭头 代表此时用户可以移动窗口。 1912.5 鼠标指针鼠标指针n举例2012.6 播放声音播放声音2112.7 自定义控件和自定义数据类型自定义控件和自定义数据类型n12.7.1 自定义控件（

6、自定义控件（Custom Controls）2212.7 自定义控件和自定义数据类型自定义控件和自定义数据类型n自定义控件编辑窗口自定义控件编辑窗口 2312.7 自定义控件和自定义数据类型自定义控件和自定义数据类型n12.7.2 自定义数据类型（自定义数据类型（Type Definition）2412.9 设计形象生动的用户界面设计形象生动的用户界面n12.9.1 修饰静态界面修饰静态界面n调节控件的颜色、大小和位置调节控件的颜色、大小和位置n控件的排版，分组控件的排版，分组n利用修饰元素利用修饰元素2512.9 设计形象生动的用户界面设计形象生动的用户界面n漂亮的界面举例漂亮的界面举例26

7、12.9 设计形象生动的用户界面设计形象生动的用户界面n12.9.2 动态交互界面动态交互界面n美观的静态界面可以让用户感到赏心悦目，而动态的交互界面可以为用户提供更多的信息。n譬如系统可以根据配置情况载入不同的界面或菜单；用不断闪烁的数字控件表示有报警发生；当用户移动鼠标到某代表关键操作的按钮上时按钮颜色发生变化从而提醒用户小心操作2712.9 设计形象生动的用户界面设计形象生动的用户界面n利用控件的利用控件的Blinking属性来显示报警举例属性来显示报警举例 2812.9 设计形象生动的用户界面设计形象生动的用户界面n确认对话框举例29小试身手n1. 利用VI的属性设置，编写一个具有如下行为的VI：n1） VI一打开时便开始自动运行；n2）运行时，前面板自动显示在屏幕中央；n3）添加密码保护，需要密码才能查看程序框图；n4）添加VI帮助文档；n5）运行时使滚动条、菜单、工具栏不可见；n6）运行时不允许直接关闭窗口。30小试身手n2. 写一个能够传递错误的子VI，子VI的功能是a+b=c，当有错误输入时，错误直接输出，c输出为0。当无错误输入时，进行正常计算。31小试身手n3. 编写一个VI，其菜单结构如右图所示。菜单行为如下：n1）当VI初始运行时，升温和降温两个菜单项处于无效（Disable）状态,当用户点击启动菜单项后，这两个