第13章界面設(shè)計與美化

1、精通LabVIEW虛擬儀器程序設(shè)計與案 例實現(xiàn) 第13章 界面設(shè)計與美化 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 本章內(nèi)容 o 界面設(shè)計的一般原則 o 菜單設(shè)計 o 子VI的調(diào)用與重載 o 界面美化常用技巧 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面設(shè)計的一般原則 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面設(shè)計的一般原則 o推薦對控件進行歸類，功能類似的放在界面的同一區(qū)域，比如說， 將命令、控制按鈕放在一起，結(jié)果顯示放在一起，狀態(tài)顯示放在 一起； o布局合理，主次要分明，重要的、常用的控件要放在

2、界面上顯眼 的位置，不常用的控件可以使用模塊化，在平常時隱藏，需要用 到時再調(diào)用； o按閱讀習(xí)慣布局控件，人們的閱讀習(xí)慣一般是從左住右，從上到 下。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 常用的界面布局 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 常用界面風(fēng)格儀器型界面 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 常用界面風(fēng)格測試平臺界面 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 常用界面風(fēng)格Windows平臺界面 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面

3、設(shè)計與美化 菜單設(shè)計菜單編輯器 打開菜單編輯器的方法為，在菜單欄里選擇“編輯運行時菜單”。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 菜單設(shè)計菜單操作函數(shù) 函數(shù)編程對話框與用戶界面菜單 思路一般為：先獲取當(dāng)前菜單，然后再對它進行編輯。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例通過函數(shù)編程實現(xiàn)菜單欄生成 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 屬性節(jié)點 在這個例子中，使用屬性節(jié)點控制“波形圖”的橫、縱坐標(biāo)顯示范圍，并 用它來設(shè)置“停止”按鈕控件在程序運行時進行閃爍。 這里要注意的是，用屬性節(jié) 點控制

4、“波形圖”等波形顯示控 件的顯示范圍時，要將這些控件 橫縱坐標(biāo)的“自動調(diào)整”屬性取 消，否則就會出現(xiàn)程序運行時顯 示控件因為坐標(biāo)顯示范圍的不停 變化而不停地閃爍的現(xiàn)象。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 調(diào)用節(jié)點 在本例中，通過“調(diào)用節(jié)點”調(diào)用“波形圖”的“導(dǎo)出圖像”方法，將波 形一幅正弦波形圖像導(dǎo)出到指定位置，程序框圖與運行結(jié)果如圖所示。 關(guān)于調(diào)用節(jié)點的各個輸入 端口具體表示的含義與輸入/ 輸出值，可以參考LabVIEW的 幫助文檔，但注意的是，只有 當(dāng)調(diào)用節(jié)點連接到了某個具體 的控件時，幫助文檔里才會有 相應(yīng)的內(nèi)容。 精通LabVIEW虛擬儀器程序設(shè)計

5、與案例實現(xiàn) 第13章 界面設(shè)計與美化 子VI調(diào)用與重載 o編寫子VI程序代碼（與編寫正常的LabVIEW一樣）； o定義端口； o修飾圖標(biāo)（可以是圖片或者文字，即子VI被調(diào)用時呈現(xiàn)給大家看 的“相貌”）； o保存； o在其它程序中進行調(diào)用。 子VI的編寫大概可以分為以下幾個步驟： 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例創(chuàng)建子VI 這個子VI的功能是實現(xiàn) 對輸入信號的濾波，輸出濾 波后的波形，濾波器參數(shù)可 以設(shè)置。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例創(chuàng)建子VI 為子VI配置接線端口 精通LabVIEW虛擬儀器程序設(shè)計

6、與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例創(chuàng)建子VI 修飾子VI圖標(biāo) 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 子VI調(diào)用 子VI的調(diào)用方法為在后面板上點擊鼠標(biāo)右鍵，選擇“選擇VI”，在彈出的對話 框中選擇創(chuàng)建好的子VI。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 多面板程序設(shè)計 o一種是在彈出子面板時，主程處于等待狀態(tài)，直到子面板運行完 成，可以簡單地通過子VI的調(diào)用來實現(xiàn)； o另一種是彈出子面板后，子面板與主程序相互獨立運行，需要通 過VI引用的調(diào)用節(jié)點來實現(xiàn)。 在設(shè)計這種程序時，一般分兩種情況： 精通LabVIEW虛擬儀器程序設(shè)

7、計與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例基于按鈕的多面板程序 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例基于菜單的多面板程序 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 動態(tài)載入界面 LabVIEW提供一個“子面板”控件，利用這個控件可以 實現(xiàn)動態(tài)載入界面和子界面重用。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 利用“子面板”動態(tài)載入界面 子面板控件的大小是一個 比較棘手的問題，這里提出 一點：調(diào)用的VI在子面板中 的顯示位置與VI編輯時相對 于左上角的位置是一樣的， 所以在編寫子VI時，最好把 控

8、件從左上角開始排列。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 利用“子面板”和VI模板實現(xiàn)子界面重用 o將儀器界面編寫為一個單獨的VI，并把它保存為VI模板（保存時 把擴展名改為.vit即可）。當(dāng)用“打開VI引用”函數(shù)打開VI模板 時，它會自動在內(nèi)存中創(chuàng)建一份復(fù)本，如果打開多次就會創(chuàng)建多 個復(fù)本，這就是VI模板的克隆特性。 o在界面上放置多個“子面板”作為儀器界面的“容器”，右擊每 一個“子面板”并選擇“創(chuàng)建引用”選項，在程序框圖中創(chuàng)建 它們的引用。 o通過For循環(huán)來實現(xiàn)載入VI模板的多個復(fù)本。 當(dāng)有許多相同的儀器界面需要顯示時，可以用“子面板”與VI 模板來

9、實現(xiàn)，步驟如下： 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例子界面重用 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例子界面重用 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化使用布局工具排列對象 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化使用布局工具排列對象 有些控件的大小是系 統(tǒng)默認(rèn)的，無法用“調(diào) 整對象大小控件”中的 “調(diào)整寬度和高度”工 具進行調(diào)整，比說數(shù)值 控件的寬度等，這些不 能調(diào)整的控件大小的尺 寸會用“*”標(biāo)識出來。 精通LabVIEW虛擬儀器

10、程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化添加背景圖片 o一種是直接從源圖片中進行復(fù)制、粘貼； o另一種是通過LabVIEW的菜單欄中“編輯導(dǎo)入圖片至剪貼板” 選項，從文件中選擇圖片，然后在前面板上進行粘貼。 添加背景圖片的方法有兩種： 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化自定義控件 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化自定義控件 o在前面板上放置一個“確定”按 鈕； o鼠標(biāo)右鍵單擊控件，選擇“高級 自定義”，打開自定義編輯對 話框； o從“編輯導(dǎo)入圖片至剪貼板” 導(dǎo)入圖片到剪貼板； o右鍵單擊

11、控件，選擇“從剪貼板 導(dǎo)入圖片始終”，將圖片導(dǎo)入 到控件上； o切換到編輯模式，調(diào)整圖片和文 字的位置、大小。 o保存自定義控件 自定義控件編輯效果 不同狀態(tài)下插入圖片的自定義控件效果 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化自定義控件 LabVIEW的所有控件都 支持添加控件說明信息，具 體方法為在控件上單擊鼠標(biāo) 右鍵，選擇“屬性”，打開 屬性對話框，在“說明信息” 標(biāo)簽頁中進行添加。 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化動畫 在程序載入過程中、文件保存過程中添加一些動畫效果，將會使程序看上 去更有活力，在L

12、abVIEW中添加動畫效果有很多種方法，最方便的就是在程 序界面上添加一個.GIF的動畫圖片，GIF動畫圖片的效果與程序運行過程是 互不影響的。 另外一種常用的方法是使用LabVIEW自帶的進度條等控件，或者是自定 義控件，下面分別通過具體實例來演示它們的實現(xiàn)過程。 用進度條實現(xiàn)動畫效果 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化動畫 圖片滾動條 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化利用控件選板與工具選板 控件新式容器 控件新式修飾 容器子面板中的修飾控件 修飾子面板中的修飾控件 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 實例分隔欄使用示例 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化工具選板 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 界面美化 VI屬性設(shè)置 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)計與美化 綜合實例用屬性節(jié)點控制Tab控件 精通LabVIEW虛擬儀器程序設(shè)計與案例實現(xiàn) 第13章 界面設(shè)