概覽

本教程介紹了使用NI LabVIEW工具構(gòu)建用戶界面的方法。了解設(shè)計輸入控件和顯示控件的方法、使用標簽和標題、為用戶界面對象設(shè)置默認值及使用顏色增強用戶界面的外觀，以及獲取一些有助于用戶創(chuàng)建集美觀和功能性的用戶界面的基本技巧和工具。范例見下圖。




概念

用戶界面提供了用戶與源代碼交互的方式，它允許用戶更改傳遞給源代碼的值，并查看源代碼計算的數(shù)據(jù)。在LabVIEW中，用戶界面為前面板。在開發(fā)方法的設(shè)計階段，確定軟件開發(fā)問題的輸入和輸出非常重要。這將直接影響前面板窗口的設(shè)計。

可通過下列方法采集輸入：

1. 通過數(shù)據(jù)采集或萬用表設(shè)備采集

2. 直接從文件中讀取

3. 操作控件

可以使用圖形、圖表或LED等顯示控件顯示問題的輸出，或?qū)⑤敵鲇涗浿廖募?，也可以通過信號生成輸出數(shù)據(jù)至設(shè)備。

設(shè)計輸入控件和顯示控件

根據(jù)要執(zhí)行的任務(wù)選擇合適的輸入控件和顯示控件。例如，對于需確定正弦波頻率的任務(wù)，應(yīng)選擇轉(zhuǎn)盤輸入控件；對于需顯示溫度的任務(wù)，應(yīng)選擇溫度計顯示控件。

標簽和標題

確保清楚地標記輸入控件和顯示控件。標簽有助于用戶正確識別每個輸入控件和顯示控件的用途。此外，清晰的標簽有助于您在程序框圖上注釋代碼。輸入控件和顯示控件標簽對應(yīng)于程序框圖上的接線端名稱。

標題是用于描述前面板輸入控件的，它們不會在程序框圖上出現(xiàn)。標題能夠起到注釋用戶界面的功能，以此同時，這些注釋文字不會擾亂程序框圖界面。打開一個空白VI，并為溫度計顯示控件設(shè)置標簽和標題。

1. 在程序框圖上放置一個溫度計顯示控件。



2. 默認情況下，只有標簽可見。要更改標簽，請雙擊它并鍵入一個簡短但描述性的新標簽。



3. 右鍵單擊溫度計顯示控件，選擇屬性。



在屬性對話框中，勾選外觀選項卡中標簽欄下的可見復(fù)選框。在標題文本框中輸入室內(nèi)溫度，單擊確定保存更改，并退出對話框。通過屬性對話框也可更改標簽。



4. 注意，標題當前出現(xiàn)在前面板上的顯示控件的正上方。切換至程序框圖，此時僅顯示標簽。



輸入控件和顯示控件選項

前面板提供了多個輸入控件和顯示控件選項，可右鍵單擊溫度計顯示控件查看快捷菜單及其子菜單。按照下列步驟，創(chuàng)建溫度輸入控件并設(shè)置默認值。

1. 在前面板上溫度計顯示控件的下方放置一個數(shù)值控件。修改標題為室內(nèi)溫度控件。



2. 輸入所需的值。

3. 右鍵單擊輸入控件，從快捷菜單中選擇數(shù)據(jù)操作?當前值設(shè)置為默認值。



4. 由于溫度輸入控件帶有清晰的標題，可右鍵單擊控件，從快捷菜單中單擊顯示項?標簽，取消顯示標簽。對溫度計顯示控件執(zhí)行相同操作。

使用顏色

正確使用顏色可以改善用戶界面的外觀和功能。但使用過多的顏色會導(dǎo)致顏色沖突，使用戶界面看起來太紛繁并分散用戶的注意力。LabVIEW提供了一個顏色選擇器，可幫您確定合適的顏色。從工具選板中選擇顏色工具，右鍵單擊對象或工作區(qū)以顯示顏色選擇器。打開顏色選擇器后，可將光標移動到不同的顏色，并觀察對象或工作區(qū)的相應(yīng)變化。



顏色選擇器的頂層為灰度光譜和一個可用于創(chuàng)建透明對象的框。第二層為適合用作背景色和用于前面板對象的柔和顏色。第三層為適合用作高亮顯示的顏色。將光標從背景顏色垂直移動到高亮顏色，可幫助您為特定背景顏色選擇適當?shù)母吡令伾?br />


間距和對齊

對于對象組合及分隔，最重要的技巧就是控制空白區(qū)域及對齊。在同一視平線上能夠看到的項越多，結(jié)構(gòu)就越整潔、越具有整體性。當項位于同一條線時，用戶視線將跟隨該線從左至右或從上至下。具體方向取決于腳本方向。盡管某些文化使用從右至左的角度查看項，但基本全部文化均使用從上至下的查看方式。設(shè)計前面板時，請考慮用戶與VI及組輸入控件/顯示控件間的邏輯交互方式。涉及多個控件時，可考慮在它們外部添加裝飾邊框或?qū)⑵渲糜诖貎?nèi)部。



與左對齊或右對齊的項相比，居中排列的項的順序性不強。側(cè)對齊所產(chǎn)生的空白帶具有非常強的對齊示意性，居中排列的項通常具有參差不齊的邊緣，用戶較難判定順序。



前面板對象間距過近可能產(chǎn)生問題，對象間應(yīng)留出一些空間，以便前面板清晰可讀?？瞻卓臻g也可防止用戶誤擊控件或按鈕。



通常，請遵循常識來開發(fā)具有自身設(shè)計風(fēng)格的用戶界面，同時遵循這些規(guī)則來成功創(chuàng)建用戶友好的前面板。請觀察下面兩個簡單用戶界面的區(qū)別。清晰的標簽、對齊及布局使兩個界面看起來截然不同。







用戶界面提示和工具

一些用于創(chuàng)建用戶友好的前面板窗口的內(nèi)置LabVIEW工具包括：選項卡控件和裝飾。

選項卡控件

物理儀器通常使用有效的用戶界面。用戶設(shè)計時可大幅借鑒它們的設(shè)計原理，但可選擇更小及更有效利用的控件（下拉列表或選項卡控件）。選項卡控件用于將前面板的輸入控件和顯示控件重疊放置在一個較小的區(qū)域內(nèi)。

右鍵單擊選項卡，從快捷菜單中選擇在前面添加選項卡或在后面添加選項卡，可添加額外的選項卡頁。使用“標簽”工具重命名選項卡，并將前面板對象置于相應(yīng)的選項卡頁。與其他前面對象接線端類似，這些對象的接線端在程序框圖上可用（裝飾對象除外）。完成以下步驟，為具有三片區(qū)域的建筑物創(chuàng)建帶溫度計顯示控件、溫度輸入控件、風(fēng)扇速度輸入控件及片區(qū)報警的選項卡控件。新建一個VI。

1. 從菜單欄中選擇文件?新建VI，新建VI。

2. 添加一個圓形LED控件，并將其標簽命名為片區(qū)1報警；添加一個溫度計顯示控件并將其標簽命名為片區(qū)溫度；然后添加一個轉(zhuǎn)盤輸入控件并將其標簽命名為風(fēng)扇速度控制。此時前面板應(yīng)與下圖類似。（本教程未包含程序框圖的范例。）



3. 從控件選板中添加選項卡控件至前面板，如圖所示。



4. 展開選項卡控件并在第二個選項卡頁后面新增一個選項卡頁。方法是右鍵單擊選項卡并選擇在后面添加選項卡。雙擊每個選項卡，為建筑物的三個片區(qū)鍵入合適的標簽名稱。



5. 添加不同的輸入控件和顯示控件至選項卡。提示：單擊對象并保持按下鍵，此時拖曳對象可創(chuàng)建該對象的副本。按邏輯排列對象，并在需要時對其進行縮放。此時VI與下圖類似。



修飾

使用修飾子選板上的修飾控件（如盒、線條及箭頭等），對前面板上的對象進行組合或分隔。修飾選板中的對象不會顯示數(shù)據(jù)或出現(xiàn)在程序框圖中。嘗試在新創(chuàng)建的前面板上添加一些修飾。





創(chuàng)建視覺上有吸引力并組織完好的用戶界面非常重要。 由于用戶界面通常是終端用戶使用的部分，因此盡可能地保持直觀和易用是非常重要的。