本教程介紹了使用NI LabVIEW工具構(gòu)建用戶界面的方法。了解設(shè)計(jì)輸入控件和顯示控件的方法、使用標(biāo)簽和標(biāo)題、為用戶界面對(duì)象設(shè)置默認(rèn)值及使用顏色增強(qiáng)用戶界面的外觀，以及獲取一些有助于用戶創(chuàng)建集美觀和功能性的用戶界面的基本技巧和工具。范例見下圖。
概念
用戶界面提供了用戶與源代碼交互的方式，它允許用戶更改傳遞給源代碼的值，并查看源代碼計(jì)算的數(shù)據(jù)。在LabVIEW中，用戶界面為前面板。在開發(fā)方法的設(shè)計(jì)階段，確定軟件開發(fā)問題的輸入和輸出非常重要。這將直接影響前面板窗口的設(shè)計(jì)。
可通過下列方法采集輸入：
1. 通過數(shù)據(jù)采集或萬用表設(shè)備采集
2. 直接從文件中讀取
3. 操作控件
可以使用圖形、圖表或LED等顯示控件顯示問題的輸出，或?qū)⑤敵鲇涗浿廖募?，也可以通過信號(hào)生成輸出數(shù)據(jù)至設(shè)備。
設(shè)計(jì)輸入控件和顯示控件
根據(jù)要執(zhí)行的任務(wù)選擇合適的輸入控件和顯示控件。例如，對(duì)于需確定正弦波頻率的任務(wù)，應(yīng)選擇轉(zhuǎn)盤輸入控件；對(duì)于需顯示溫度的任務(wù)，應(yīng)選擇溫度計(jì)顯示控件。
標(biāo)簽和標(biāo)題
確保清楚地標(biāo)記輸入控件和顯示控件。標(biāo)簽有助于用戶正確識(shí)別每個(gè)輸入控件和顯示控件的用途。此外，清晰的標(biāo)簽有助于您在程序框圖上注釋代碼。輸入控件和顯示控件標(biāo)簽對(duì)應(yīng)于程序框圖上的接線端名稱。
標(biāo)題是用于描述前面板輸入控件的，它們不會(huì)在程序框圖上出現(xiàn)。標(biāo)題能夠起到注釋用戶界面的功能，以此同時(shí)，這些注釋文字不會(huì)擾亂程序框圖界面。打開一個(gè)空白VI，并為溫度計(jì)顯示控件設(shè)置標(biāo)簽和標(biāo)題。
1. 在程序框圖上放置一個(gè)溫度計(jì)顯示控件。
2. 默認(rèn)情況下，只有標(biāo)簽可見。要更改標(biāo)簽，請(qǐng)雙擊它并鍵入一個(gè)簡(jiǎn)短但描述性的新標(biāo)簽。
3. 右鍵單擊溫度計(jì)顯示控件，選擇屬性。
在屬性對(duì)話框中，勾選外觀選項(xiàng)卡中標(biāo)簽欄下的可見復(fù)選框。在標(biāo)題文本框中輸入室內(nèi)溫度，單擊確定保存更改，并退出對(duì)話框。通過屬性對(duì)話框也可更改標(biāo)簽。
4. 注意，標(biāo)題當(dāng)前出現(xiàn)在前面板上的顯示控件的正上方。切換至程序框圖，此時(shí)僅顯示標(biāo)簽。
輸入控件和顯示控件選項(xiàng)
前面板提供了多個(gè)輸入控件和顯示控件選項(xiàng)，可右鍵單擊溫度計(jì)顯示控件查看快捷菜單及其子菜單。按照下列步驟，創(chuàng)建溫度輸入控件并設(shè)置默認(rèn)值。
1. 在前面板上溫度計(jì)顯示控件的下方放置一個(gè)數(shù)值控件。修改標(biāo)題為室內(nèi)溫度控件。
2. 輸入所需的值。
3. 右鍵單擊輸入控件，從快捷菜單中選擇數(shù)據(jù)操作?當(dāng)前值設(shè)置為默認(rèn)值。
4. 由于溫度輸入控件帶有清晰的標(biāo)題，可右鍵單擊控件，從快捷菜單中單擊顯示項(xiàng)?標(biāo)簽，取消顯示標(biāo)簽。對(duì)溫度計(jì)顯示控件執(zhí)行相同操作。
使用顏色
正確使用顏色可以改善用戶界面的外觀和功能。但使用過多的顏色會(huì)導(dǎo)致顏色沖突，使用戶界面看起來太紛繁并分散用戶的注意力。LabVIEW提供了一個(gè)顏色選擇器，可幫您確定合適的顏色。從工具選板中選擇顏色工具，右鍵單擊對(duì)象或工作區(qū)以顯示顏色選擇器。打開顏色選擇器后，可將光標(biāo)移動(dòng)到不同的顏色，并觀察對(duì)象或工作區(qū)的相應(yīng)變化。
顏色選擇器的頂層為灰度光譜和一個(gè)可用于創(chuàng)建透明對(duì)象的框。第二層為適合用作背景色和用于前面板對(duì)象的柔和顏色。第三層為適合用作高亮顯示的顏色。將光標(biāo)從背景顏色垂直移動(dòng)到高亮顏色，可幫助您為特定背景顏色選擇適當(dāng)?shù)母吡令伾?br />
間距和對(duì)齊
對(duì)于對(duì)象組合及分隔，最重要的技巧就是控制空白區(qū)域及對(duì)齊。在同一視平線上能夠看到的項(xiàng)越多，結(jié)構(gòu)就越整潔、越具有整體性。當(dāng)項(xiàng)位于同一條線時(shí)，用戶視線將跟隨該線從左至右或從上至下。具體方向取決于腳本方向。盡管某些文化使用從右至左的角度查看項(xiàng)，但基本全部文化均使用從上至下的查看方式。設(shè)計(jì)前面板時(shí)，請(qǐng)考慮用戶與VI及組輸入控件/顯示控件間的邏輯交互方式。涉及多個(gè)控件時(shí)，可考慮在它們外部添加裝飾邊框或?qū)⑵渲糜诖貎?nèi)部。
與左對(duì)齊或右對(duì)齊的項(xiàng)相比，居中排列的項(xiàng)的順序性不強(qiáng)。側(cè)對(duì)齊所產(chǎn)生的空白帶具有非常強(qiáng)的對(duì)齊示意性，居中排列的項(xiàng)通常具有參差不齊的邊緣，用戶較難判定順序。
前面板對(duì)象間距過近可能產(chǎn)生問題，對(duì)象間應(yīng)留出一些空間，以便前面板清晰可讀?？瞻卓臻g也可防止用戶誤擊控件或按鈕。
通常，請(qǐng)遵循常識(shí)來開發(fā)具有自身設(shè)計(jì)風(fēng)格的用戶界面，同時(shí)遵循這些規(guī)則來成功創(chuàng)建用戶友好的前面板。請(qǐng)觀察下面兩個(gè)簡(jiǎn)單用戶界面的區(qū)別。清晰的標(biāo)簽、對(duì)齊及布局使兩個(gè)界面看起來截然不同。
用戶界面提示和工具
一些用于創(chuàng)建用戶友好的前面板窗口的內(nèi)置LabVIEW工具包括：選項(xiàng)卡控件和裝飾。
選項(xiàng)卡控件
物理儀器通常使用有效的用戶界面。用戶設(shè)計(jì)時(shí)可大幅借鑒它們的設(shè)計(jì)原理，但可選擇更小及更有效利用的控件（下拉列表或選項(xiàng)卡控件）。選項(xiàng)卡控件用于將前面板的輸入控件和顯示控件重疊放置在一個(gè)較小的區(qū)域內(nèi)。
右鍵單擊選項(xiàng)卡，從快捷菜單中選擇在前面添加選項(xiàng)卡或在后面添加選項(xiàng)卡，可添加額外的選項(xiàng)卡頁。使用“標(biāo)簽”工具重命名選項(xiàng)卡，并將前面板對(duì)象置于相應(yīng)的選項(xiàng)卡頁。與其他前面對(duì)象接線端類似，這些對(duì)象的接線端在程序框圖上可用（裝飾對(duì)象除外）。完成以下步驟，為具有三片區(qū)域的建筑物創(chuàng)建帶溫度計(jì)顯示控件、溫度輸入控件、風(fēng)扇速度輸入控件及片區(qū)報(bào)警的選項(xiàng)卡控件。新建一個(gè)VI。
1. 從菜單欄中選擇文件?新建VI，新建VI。
2. 添加一個(gè)圓形LED控件，并將其標(biāo)簽命名為片區(qū)1報(bào)警；添加一個(gè)溫度計(jì)顯示控件并將其標(biāo)簽命名為片區(qū)溫度；然后添加一個(gè)轉(zhuǎn)盤輸入控件并將其標(biāo)簽命名為風(fēng)扇速度控制。此時(shí)前面板應(yīng)與下圖類似。（本教程未包含程序框圖的范例。）
3. 從控件選板中添加選項(xiàng)卡控件至前面板，如圖所示。
4. 展開選項(xiàng)卡控件并在第二個(gè)選項(xiàng)卡頁后面新增一個(gè)選項(xiàng)卡頁。方法是右鍵單擊選項(xiàng)卡并選擇在后面添加選項(xiàng)卡。雙擊每個(gè)選項(xiàng)卡，為建筑物的三個(gè)片區(qū)鍵入合適的標(biāo)簽名稱。
5. 添加不同的輸入控件和顯示控件至選項(xiàng)卡。提示：?jiǎn)螕魧?duì)象并保持按下鍵，此時(shí)拖曳對(duì)象可創(chuàng)建該對(duì)象的副本。按邏輯排列對(duì)象，并在需要時(shí)對(duì)其進(jìn)行縮放。此時(shí)VI與下圖類似。
修飾
使用修飾子選板上的修飾控件（如盒、線條及箭頭等），對(duì)前面板上的對(duì)象進(jìn)行組合或分隔。修飾選板中的對(duì)象不會(huì)顯示數(shù)據(jù)或出現(xiàn)在程序框圖中。嘗試在新創(chuàng)建的前面板上添加一些修飾。
創(chuàng)建視覺上有吸引力并組織完好的用戶界面非常重要。 由于用戶界面通常是終端用戶使用的部分，因此盡可能地保持直觀和易用是非常重要的。