如果您仍然還在默認的灰色前面板上填充各種新式或經典控件，那么您甚至還沒有真正觸及到用戶界面（UI）的設計。

　　如果說架構合理、功能完備的程序框圖好比三明治的夾肉，那么漂亮而實用的UI則是那上下兩層面包。也許您會問它是必不可少的嗎？也許不是的，但是這是這一外觀讓它與眾不同。

　　圖1.小改變帶領您一步步設計出更加漂亮和易用的UI

　　UI設計：失傳的藝術？

　　如果您咨詢NILabVIEW開發者他們使用LabVIEW最愛它的哪一特性，大家會給您各種各樣的回答，比如可以方便處理現實世界中的信號，或者使用高級工具獲得效率提升，又或者是圖形化數據流非常自然的的編程方式。開發者往往忽略了LabVIEW的“圖形化”這一優點，正是這些圖形界面的前面板構成了每一個VI的“半壁江山”。

　　編寫優美的代碼是每個應用程序重要的組成部分。畢竟，無法正常執行的程序是無意義的投資。隨著LabVIEW不斷的擴展，它不斷應用于越來越復雜的應用中，開發人員必須投入更多的精力來提高應用程序開發的美感，因為即便是功能完好的程序，如果它的界面會令用戶困惑不解，那么它的價值也大打折扣。

　　圖2.雖然兩個VI的功能并無區別，然而秒表外形的控件讓用戶更容易識別出其跑秒功能

　　下面介紹三個LabVIEW技巧，幫助您改進程序，使它擁有外觀和功能都更加優秀的UI。

　　1.自定義UI外觀

　　改進UI外觀最簡單的方式是利用其他元素替代LabVIEW默認的灰色前面板背景以及“新式控件面板”。只要簡單改變前面板的背景顏色、利用外部資源圖片美化您的UI、或者只用簡單利用系統控件模板，無需投入大量時間進行自定義您就可以獲得獨一無二的界面外觀了。另外，系統輸入控件和顯示控件對大多數用戶來說都是非常熟悉的，因為它們是專門設計成具有操作系統風格的。這使得用戶能夠快速熟悉功能，因而更具有易用性。

　　自定義控件增加了豐富性和靈活性。使用LabVIEW控件編輯器，您可以剖析每個控件，對組成控件的每個底層圖形組成部分進行分離和修改。這一技巧令每一個控件更加風格化、易于識別，或者更加能表現它們所表示的現實世界信號。從給按鈕添加模型貼圖到修改儀表背景圖片，控件自定義是改進LabVIEWUI外觀最受歡迎的一種方式。

　　2.合理組織復雜UI

　　然而，伴隨著您的應用程序功能范圍的擴大，您不得不經常在您的LabVIEW前面板增加大量的顯示信息。幸運的是，如果不要求同時顯示所有的控件，LabVIEW有兩個簡單的技巧可以簡化處理復雜UI的工作。

　　選項卡（Tab）控件是一個常用的UI組件，它可以有效地將UI功能封裝成幾個不同的部分。它們簡單易用，并且比大多人想象的更為靈活。在您的前面板添加一個選項卡控件，然后將其它輸入和顯示控件填充到選項卡，您可以增加和刪減選顯卡個數，改變選顯卡的透明度，選擇選顯卡的物理位置以垂直顯示分類，甚至您還可以給選顯卡添加圖片。

　　然而，利用選項卡雖然獲得了易用性，卻犧牲了擴展性。因為用戶顯示器的尺寸的緣故，添加的選顯卡控件的數目是有限的。在進行開發前您應該仔細考慮這一細節。另外，雖然大多數內容不可見，但選項卡控件會一次性加載所有輸入和顯示控件到內存中。這可能會對程序的性能產生不利影響。

　　一個可擴展的UI組織方法是使用LabVIEW子面板技術。利用子面板，您可以創建無數的子VI，從而可以在適當的時候動態地將特定子VI內容填充到子面板控件中。利用LabVIEW子面板，您可以決定何時將顯示內容加載到內存或釋放掉，這使得您可以更好對程序進行控制。

　　3.程序運行緩慢時告知用戶

　　沒有什么比遇到很少進行大量長時間運算的程序卡死了更令人難受了。對一個長時間的操作，及時告知用戶它的開始、結束和進行中等的信息是十分重要的。

　　LabVIEW自帶了繁忙鼠標和進程條控件，在程序后臺處理任務時，這些控件可以方便地通知用戶。當您知道程序執行的詳細流程時—例如各種For循環的頻繁迭代—使用系統水平進度條是一個很有效的選擇。

　　您的應用程序在用戶第一次啟動時可能會有一個長時間的加載過程。您可以制作一個啟動畫面，在獲知加載過程的同時讓您的用戶知道您的程序已經成功啟動了。通過利用前面板透明度和居中開機畫面，LabVIEW只需對少數屬性稍作修改，就可以十分方便地完成一個專業的產品。

　　圖3.您可以輕松創建和使用啟動畫面以實現在緩慢加載時通知用戶的功能

　　–DerrickSnyder

　　DerrickSnyder是美國國家儀器NIDIAdem和數據管理軟件的產品經理。您可以在第8頁了解更多Derrick關于本主題的文章—“避免用戶因單元混亂而導致災難”。

　　–SimonHogg

　　SimonHogg是美國國家儀器LabVIEW產品經理。他擁有賴斯大學的電氣工程與管理研究的雙學士學位。Simon負責NI社區UI興趣小組的幾十個自定義UI例程代碼。