2.4 VI前面板設計

把VI應用程序界面稱作前面板。前面板是LabVIEW的重要組成部分，是用LabVIEW編寫的應用程序的界面。LabVIEW提供非常豐富的界面控件對象，可以方便地設計出生動、直觀、操作方便的用戶界面。

LabVIEW提供的專門用于前面板設計的輸入和顯示控件被分門別類地放置在控件選板中，當用戶需要使用時，可以根據對象的類別從各個子選板中選取。前面板的對象按照其類型可以分為數值型、布爾型、字符串型、數組型、簇型、圖形型等多種類型。

在用LabVIEW進行程序設計的過程中，對前面板的設計主要是編輯前面板控件和設置前面板控件的屬性。

2.4.1 前面板對象的創建

設計應用程序界面所用到的前面板對象全部包含在控件選板中。

放置在前面板上的每一個控件都具有很多屬性，其中多數與顯示特征有關，在編程時就可以通過在控件上右擊（即右鍵單擊，以下同）更改其屬性值。

設計前面板需要用到控件選板，用鼠標選擇控件選板上的對象，然后在前面板上拖放即可。

以下舉例說明前面板對象的創建過程。首先創建新的應用程序并保存為“創建對象.VI”。

切換到前面板窗口，在控件選板上單擊“數值”控件子選板，選擇“數值輸入控件”，如圖2-15所示，在前面板的適當位置單擊，即可創建數值輸入控件。修改數值控件的標簽并輸入“數字1”。同樣的方法可以創建數值型控件“垂直指針滑動桿”和“旋鈕”，如圖2-16所示。相應的在程序框圖窗口中會產生代表控件的圖標符號，如圖2-17所示。

圖2-15 控件選板數值子選板

圖2-16 前面板窗口中對象的生成

圖2-17 程序框圖窗口中自動生成的圖標

2.4.2 前面板對象的屬性配置

此處介紹的前面板對象的配置方法適用于輸入控件和顯示控件。

右擊前面板對象如滑動桿控件，彈出快捷菜單，如圖2-18所示。這里只介紹輸入控件和顯示控件共有的快捷菜單部分。

1）顯示項：該菜單列表顯示一個對象可以顯示/隱藏的部分，如標簽、標題等。

2）查找接線端：在代碼窗口中高亮顯示前面板對象。當代碼窗口中對象太多時，直接尋找控件對象是非常有效的。

3）轉換為顯示控件/轉換為輸入控件：將指定的對象改變為顯示控件或輸入控件。

任何一個前面板對象都有控制和指示兩種屬性，右擊前面板對象，在彈出快捷菜單中選擇“轉換為顯示控件”或“轉換為輸入控件”可以在控制和指示兩種屬性之間切換。

一般控件可以指定為顯示量，也可以轉化為輸入量。比如右擊滑動桿控件，在彈出的快捷菜單中單擊“轉換為顯示控件”，該控件已經變成了顯示件。該變化也同時反映到程序框圖窗口中的圖標上。

4）創建：針對選擇的對象創建局部變量、引用和屬性節點等。

5）替換：選擇其他的控件來代替當前的控件。

6）數據操作：包含一個編輯數據選項的子菜單。主要包括以下選項：重新初始化默認值和當前值設置為默認值。圖2-16中，各個控件在設計時就已經有了默認的初始值，如果要改變這個初始值，則在設計時給控件輸入指定的數值，然后在控件上右擊，在彈出的快捷菜單中選擇：“數據操作”→“當前值設置為默認值”，如圖2-19所示。這樣每次在程序打開時，控件就自動賦予了新的默認值。

圖2-18 改變控件的屬性

圖2-19 設置控件的默認值

7）高級：包含控件高級編輯選項的子菜單。主要包括以下選項：

快捷鍵：為控件分配快捷鍵，用戶在沒有鼠標的情況下仍然可以訪問控件。

同步顯示：控件將顯示全部的更新數據，這種設置方法將影響LabVIEW的運行性能。

自定義：由用戶定制控件，在控件編輯器中設計個性化的前面板對象。

隱藏輸入控件/隱藏顯示控件：在前面板中隱藏控件對象。要訪問隱藏的對象，在代碼窗口中右擊控件對象，在彈出菜單中選擇“顯示輸入控件或“顯示顯示控件”。

2.4.3 前面板對象的修飾

作為一種基于圖形模式的編程語言，LabVIEW在圖形界面的設計上有著得天獨厚的優勢，可以設計出漂亮、大方而且方便、易用的程序界面（即程序的前面板）。為了更好地進行前面板的設計，LabVIEW提供了豐富的修飾前面板的方法以及專門用于裝飾前面板的控件，下面介紹修飾前面板的方法和技巧。

1.設置前面板對象的顏色

前景色和背景色是前面板對象的兩個重要屬性，合理地搭配對象的前景色和背景色會使用戶設計的程序增色不少。一般情況下控件選板上的對象是以默認顏色被拖放到前面板，可以通過簡單的操作進行修改。

對于前面板對象的顏色的編輯需要用到工具選板里的取色工具和顏色設置工具。

此處創建新的VI“設置顏色.vi”。在程序的前面板創建1個數值量控件“液罐”，顏色等均采用默認值。

顏色設置工具為，圖標內有前后兩個調色板，分別代表前景色和背景色。分別用鼠標單擊兩個調色板會出現顏色選擇對話框，圖2-20所示，以設置前景和背景的顏色。用鼠標單擊顏色設置工具后，再在編輯對象的適當位置上單擊鼠標，則被編輯對象就被分別設置成指定的前景色和背景色。

圖2-20 設置控件顏色

另外一種簡便的操作是，用鼠標單擊顏色設置工具后，在被編輯對象的適當位置上右擊，彈出顏色對話框并且動態地渲染被編輯的對象，選擇合適的顏色后單擊鼠標，完成顏色的設置。

2.設置前面板對象的文字風格

在LabVIEW中，可以設置前面板文本對象的字體、顏色以及其他風格特征。這些可以通過LabVIEW工具欄中的字體按鈕進行設置。單擊該按鈕，將彈出用于設置字體的下拉菜單，在菜單中，用戶可以選擇文字的字體、顏色、大小和風格。用戶也可以在字體按鈕的下拉菜單中選擇字體對話框來設置字體的常用屬性。字體設置對話框如圖2-21所示，在這個對話框中幾乎可以設置字體的所有屬性。

3.前面板對象的位置與排列

為了提高前面板外觀設計的效率，LabVIEW提供了前面板對象編輯控制的一些工具，尤其是在界面對象比較多時，這些工具就顯得尤為重要。

在LabVIEW程序中，設置多個對象的相對位置關系是布置和修飾前面板過程中一件非常重要的工作。在LabVIEW中提供了專門用于調整多個對象位置關系的工具，它們位于LabVIEW的工具欄上。

LabVIEW所提供的用于修改多個對象位置關系的工具如圖2-22所示。這兩種工具分別用于調整多個對象的對齊關系以及調整對象之間的距離。

圖2-21 字體設置對話框

圖2-22 用于設置多個對象之間位置關系的工具

群組工具可以將一系列對象設置為一組，以固定其相對位置關系，也可以鎖定對象，以免在編輯過程中對象被移動。

4.調整前面板對象的大小

一般情況下控件選板上的對象是以默認大小被拖放到前面板，可以通過簡單的操作進行修改。

對于大小的修改，當工具選板處于自動選擇狀態或處于定位狀態，只需將鼠標移動到被編輯對象的邊緣處，對象上會出現幾個方框或圓框，單擊鼠標左鍵并拖動方框或圓框到合適位置后松開鼠標左鍵，則控件對象被放大或縮小，如圖2-23所示對數值型“液罐”控件進行縮放。

但對于特殊的控件，其編輯方式可能不盡一致，將鼠標改為選擇狀態，然后在對象上移動，當鼠標的形狀發生改變時，拖動即可進行縮放編輯。

在LabVIEW的工具欄上有設置對象大小的工具，如圖2-24所示。

圖2-23 調整前面板對象的大小

圖2-24 調整對象大小的工具

利用設置對象大小的工具，用戶可以按照一定的規則調整對象的尺寸，也可以用按鈕來指定控件的高度和寬度，進而設置對象的大小。

5.用修飾控件裝飾前面板

LabVIEW提供了裝飾前面板上對象的設計工具，這些界面元素對程序不產生任何影響，僅僅是為了增強界面的可視化效果。它包括一系列線、箭頭、方形、圓形、三角形等形狀的修飾模塊，這些模塊如同一些搭建程序界面外觀的積木，合理組織、搭配這些模塊可以構造出絢麗的程序界面。

LabVIEW中用于修飾前面板的控件位于控件選板中的修飾子選板中，如圖2-25所示。

圖2-25 修飾類控件

在LabVIEW中，修飾子選板中的各種控件只有前面板圖形，而沒有在程序框圖上與之對應的圖標，這些控件的主要功能就是進行界面的修飾。

6.前面板對象的顯示和隱藏

LabVIEW提供的控件都具有是否可見的屬性。這個屬性可以在程序開發時設定，也可以在程序運行時通過代碼來控制，以下舉例說明。

新建應用程序。在前面板添加數值顯示控件，在程序框圖窗口中右擊數值顯示控件，在彈出的快捷菜單中選擇“高級/隱藏顯示控件”，如圖2-26所示，數值顯示控件在前面板已經不可見了。

要恢復其可見性，切換到程序框圖窗口，右擊數值顯示控件，在彈出的快捷菜單中選擇“顯示顯示控件”，如圖2-27所示，這時前面板窗口中將出現隱藏的數值顯示控件。

圖2-26 設計時隱藏控件

圖2-27 使隱藏的控件可見