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

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

2、設(shè)計形象生動的用戶界面412.1 VI屬性設(shè)置屬性設(shè)置nVI有很多屬性是可以設(shè)置的，這其中包括：VI圖標、VI修改歷史、VI幫助文檔、密碼保護、前面板顯示內(nèi)容、窗口大小、執(zhí)行控制和打印屬性等。通過配置這些屬性可以讓我們的VI適合在不同的場合運行。512.1 VI屬性設(shè)置屬性設(shè)置n選擇菜單File-VI Properties打開如下圖所示的對話框。缺省為General選項，在該選項下可以修改VI圖標，查看VI修改歷史等。612.1 VI屬性設(shè)置屬性設(shè)置n前面板顯示格式設(shè)置對話框前面板顯示格式設(shè)置對話框 712.2 對話框?qū)υ捒騨12.2.1 普通對話框普通對話框n對話框VI函數(shù)在Function

3、s Palette的Programming-Dialog & User Interface面板下。按類型分為兩種對話框：一種是信息顯示對話框，另一種是提示用戶輸入對話框。 812.2 對話框?qū)υ捒騨12.2.2 用戶自定義對話框用戶自定義對話框n除了LabVIEW提供的簡單的對話框，用戶還能通過子VI的方式實現(xiàn)用戶自定義的對話框。 設(shè)置子設(shè)置子VI調(diào)用方式調(diào)用方式912.2 對話框?qū)υ捒騨用戶自定義的對話框舉例用戶自定義的對話框舉例 1012.3 錯誤處理錯誤處理nLabVIEW通過Error in 和Error out簇來攜帶錯誤信息，并可以將錯誤信息從底層VI傳遞到上層VI 111

4、2.3 錯誤處理錯誤處理n在調(diào)用含有error out輸出的子VI時，當錯誤發(fā)生時若錯誤輸出端懸空，就會自動彈出錯誤對話框顯示錯誤信息，并詢問是否繼續(xù)運行。錯誤對話框除了顯示error out簇中的代碼，錯誤源信息外，還會顯示錯誤的可能原因，這對分析問題非常重要。 1212.4 菜單菜單n12.4.1 運行時主菜單（運行時主菜單（Run-Time Menu）n在Edit菜單中選擇Run-Time Menu會彈出如圖所示的菜單編輯器。 1312.4 菜單菜單n12.4.1 運行時主菜單（運行時主菜單（Run-Time Menu）菜單操作相關(guān)菜單操作相關(guān)VI函數(shù)面板函數(shù)面板1412.4 菜單菜單n

5、菜單響應(yīng)的程序框圖菜單響應(yīng)的程序框圖 1512.4 菜單菜單 1612.4 菜單菜單n通過事件結(jié)構(gòu)實現(xiàn)菜單響應(yīng)的程序框圖通過事件結(jié)構(gòu)實現(xiàn)菜單響應(yīng)的程序框圖 1712.4 菜單菜單n12.4.2 右鍵快捷菜單（右鍵快捷菜單（Run-Time Shortcut Menu）1812.5 鼠標指針鼠標指針n鼠標指針形狀經(jīng)常用來為用戶顯示一定的信息，譬如沙漏形狀 代表系統(tǒng)正忙，前后箭頭 代表用戶此時可以調(diào)整對象大小，十字箭頭 代表此時用戶可以移動窗口。 1912.5 鼠標指針鼠標指針n舉例2012.6 播放聲音播放聲音2112.7 自定義控件和自定義數(shù)據(jù)類型自定義控件和自定義數(shù)據(jù)類型n12.7.1 自定

6、義控件（自定義控件（Custom Controls）2212.7 自定義控件和自定義數(shù)據(jù)類型自定義控件和自定義數(shù)據(jù)類型n自定義控件編輯窗口自定義控件編輯窗口 2312.7 自定義控件和自定義數(shù)據(jù)類型自定義控件和自定義數(shù)據(jù)類型n12.7.2 自定義數(shù)據(jù)類型（自定義數(shù)據(jù)類型（Type Definition）2412.9 設(shè)計形象生動的用戶界面設(shè)計形象生動的用戶界面n12.9.1 修飾靜態(tài)界面修飾靜態(tài)界面n調(diào)節(jié)控件的顏色、大小和位置調(diào)節(jié)控件的顏色、大小和位置n控件的排版，分組控件的排版，分組n利用修飾元素利用修飾元素2512.9 設(shè)計形象生動的用戶界面設(shè)計形象生動的用戶界面n漂亮的界面舉例漂亮的界面

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