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

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

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

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

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

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

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

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

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

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

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

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