第12章人機界面交互設(shè)計

1、1 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 2 第12章人機界面交互設(shè)計 nLabVIEW很重要的一個優(yōu)勢就是界面編 輯的所見即所得。LabVIEW前面板包含 了大量形象逼真的控件，用戶還可以創(chuàng) 建自定義控件。前面板的窗口形式也可 以以不同的方式顯示以滿足不同的需求。 在用戶交互方面，用戶可以通過按鈕、 播放聲音、對話框、菜單和鍵盤輸入等 多種方式與程序進行交互。 3 第12章人機界面交互設(shè)計 n12.1 VI屬性設(shè)置屬性設(shè)置 n12.2 對話框?qū)υ捒?n12.3 錯誤處理錯誤處理 n12.4 菜單菜單 n12.5 鼠標(biāo)指針鼠標(biāo)指針 n12.6 播放聲音播放聲音 n12.7 自定義控件和

2、自定義數(shù)據(jù)類型自定義控件和自定義數(shù)據(jù)類型 n12.9 設(shè)計形象生動的用戶界面設(shè)計形象生動的用戶界面 4 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 nVI有很多屬性是可以設(shè)置的，這其中包括：VI 圖標(biāo)、VI修改歷史、VI幫助文檔、密碼保護、 前面板顯示內(nèi)容、窗口大小、執(zhí)行控制和打印 屬性等。通過配置這些屬性可以讓我們的VI適 合在不同的場合運行。 5 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n選擇菜單File-VI Properties打開如下圖所 示的對話框。缺省為General選項，在該選項 下可以修改VI圖標(biāo)，查看VI修改歷史等。 6 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計

3、 n前面板顯示格式設(shè)置對話框前面板顯示格式設(shè)置對話框 7 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n12.2.1 普通對話框普通對話框 n對話框VI函數(shù)在Functions Palette的Programming- Dialog & User Interface面板下。按類型分為兩 種對話框：一種是信息顯示對話框，另一種是提示 用戶輸入對話框。 8 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n12.2.2 用戶自定義對話框用戶自定義對話框 n除了LabVIEW提供的簡單的對話框，用戶還能通過 子VI的方式實現(xiàn)用戶自定義的對話框。 設(shè)置子設(shè)置子VI調(diào)用方式調(diào)用方式 9 第第12章人機界

4、面交互設(shè)計章人機界面交互設(shè)計 n用戶自定義的對話框舉例用戶自定義的對話框舉例 10 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 nLabVIEW通過Error in 和Error out簇來攜帶錯 誤信息，并可以將錯誤信息從底層VI傳遞到上 層VI 11 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n在調(diào)用含有error out輸出的 子VI時，當(dāng)錯誤發(fā)生時若錯 誤輸出端懸空，就會自動彈 出錯誤對話框顯示錯誤信息， 并詢問是否繼續(xù)運行。錯誤 對話框除了顯示error out簇 中的代碼，錯誤源信息外， 還會顯示錯誤的可能原因， 這對分析問題非常重要。 12 第第12章人機界面交互設(shè)計章人機

5、界面交互設(shè)計 n12.4.1 運行時主菜單（運行時主菜單（Run-Time Menu） n在Edit菜單中選擇Run-Time Menu會彈出如圖所示 的菜單編輯器。 13 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n12.4.1 運行時主菜單（運行時主菜單（Run-Time Menu） 菜單操作相關(guān)菜單操作相關(guān)VI函數(shù)面板函數(shù)面板 14 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n菜單響應(yīng)的程序框圖菜單響應(yīng)的程序框圖 15 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 16 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n通過事件結(jié)構(gòu)實現(xiàn)菜單響應(yīng)的程序框圖通過事件結(jié)構(gòu)實現(xiàn)菜單響應(yīng)的程

6、序框圖 17 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n12.4.2 右鍵快捷菜單（右鍵快捷菜單（Run-Time Shortcut Menu） 18 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n鼠標(biāo)指針形狀經(jīng)常用來為用戶顯示一定 的信息，譬如沙漏形狀 代表系統(tǒng)正忙， 前后箭頭 代表用戶此時可以調(diào)整對象 大小，十字箭頭 代表此時用戶可以移 動窗口。 19 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n舉例 20 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 21 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n12.7.1 自定義控件（自定義控件（Custom Controls）

7、22 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n自定義控件編輯窗口自定義控件編輯窗口 23 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n12.7.2 自定義數(shù)據(jù)類型（自定義數(shù)據(jù)類型（Type Definition） 24 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n12.9.1 修飾靜態(tài)界面修飾靜態(tài)界面 n調(diào)節(jié)控件的顏色、大小和位置調(diào)節(jié)控件的顏色、大小和位置 n控件的排版，分組控件的排版，分組 n利用修飾元素利用修飾元素 25 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n漂亮的界面舉例漂亮的界面舉例 26 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n12.9.2 動態(tài)交互

8、界面動態(tài)交互界面 n美觀的靜態(tài)界面可以讓用戶感到賞心悅目，而動態(tài) 的交互界面可以為用戶提供更多的信息。 n譬如系統(tǒng)可以根據(jù)配置情況載入不同的界面或菜單； 用不斷閃爍的數(shù)字控件表示有報警發(fā)生；當(dāng)用戶移 動鼠標(biāo)到某代表關(guān)鍵操作的按鈕上時按鈕顏色發(fā)生 變化從而提醒用戶小心操作 27 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n利用控件的利用控件的Blinking屬性來顯示報警舉例屬性來顯示報警舉例 28 第第12章人機界面交互設(shè)計章人機界面交互設(shè)計 n確認對話框舉例 29 第12章人機界面交互設(shè)計 n1. 利用VI的屬性設(shè)置，編寫一 個具有如下行為的VI： n1） VI一打開時便開始自動運行； n2）運行時，前面板自動顯示在屏 幕中央； n3）添加密碼保護，需要密碼才能 查看程序框圖； n4）添加VI幫助文檔； n5）運行時使?jié)L動條、菜單、工具 欄不可見； n6）運行時不允許直接關(guān)閉窗口。 30 第12章人機界面交互設(shè)計 n2. 寫一個能夠傳遞錯誤的子VI，子VI的功能是 a+b=c，當(dāng)有錯誤輸入時，錯誤直接輸出，c 輸出為0。當(dāng)無錯誤輸入時，進行正常計算。 31 第12章人機界面交互設(shè)計 n3. 編寫一個VI，其菜單結(jié)構(gòu)如右圖 所示。菜單行為如下： n1）當(dāng)VI