用戶體驗詞條-16.什麼是控制項(Widget)？

【詞條】

數據和方法的封裝。控制項可以有自己的屬性和方法。屬性是控制項數據的簡單訪問者。方法則是控制項的一些簡單而可見的功能。

【詞條】用戶界面控制項(User Interface Widget)

用戶界面控制項是用於開發構建用戶界面（UI）的控制項，提供視窗、文本框、按鈕、下拉式菜單等界面元素的功能。在應用程序內部或應用程序之間提供一致性行為和一致性用戶界面。

【案例】

通用控制項簡介及圖例

常見通用控制項，共計有如下21個，小編將分三期表述：

1. 氣泡提示

典型的氣泡提示控制項是一個小的彈出式窗口。包括圖標、標題和提示信息。這些元素可根據具體需要進行調整。

2. 複選框

3. 命令按鈕每個選項都提供給用戶兩個截然相反的選擇。複選框的標籤顯示用戶當前選擇狀態。

4. 菜單控制項命令按鈕幫助用戶開始一個直接操作。

菜單為用戶提供當前場景下可使用的功能或選項列表。菜單分為兩部分結構，一部分是選項標識欄，顯示選項圖標或標記；一部分是文字標籤顯示欄。

5. 工具欄

工具欄是一個圖形化功能集合的載體，大量的提高用戶操作效率。工具欄可以承載多個控制項元素，如圖標按鈕、菜單按鈕、下拉按鈕、溢出按鈕、下拉列表和組合框等等。

6. 滾動欄

滾動欄是一個由滾動箭頭按鈕、滾動塊和滾動軸組成的矩形控制項。用戶通過滾動欄設定窗口當前顯示的內容位置，通過轉到頁尾按鈕將窗口顯示位置轉到內容文件最下方。

7. 下拉列表和組合框

下拉列表和組合框用於用於從一組互斥值列表中進行選擇。

8. 分組框 XGroup Boxes

分組框是用來組織一組相關控制項或內容的特殊控制項，不具備操作功能性。

9. 鏈接 Links

鏈接被用來導航到其他頁面、窗口或幫助主題；顯示說明；命令菜單選項。傳統的文字鏈接使用系統鏈接顏色和下劃線。

10. 命令鏈接 Command Links

用戶通過命令鏈接，在多個選項中選擇一個指令並進入任務的下一步。

11. 進度條 Progress Bars

精確進度條：顯示精確的進度值。

狀態進度條：顯示當前操作狀態或者有誤差容忍度的進度值。

用戶通過進度條來了解操作進程或操作狀態。

12. 單選按鈕 Radio Buttons

單選按鈕各個使用狀態：

用戶通過單選按鈕在眾多相關選項中選取設置其中一種狀態。

13. 滑塊 Sliders(XTrackBar)

用戶可以使用滑塊設定一系列的狀態值。

14. 調節按鈕 Spin Controls（XNumberic）

調節按鈕各個使用狀態：

用戶通過使用調節按鈕逐步改變選項設置值。主要應用於數字輸入。

15. 標籤頁Tabs

橫向標籤頁：

縱向標籤頁：

標籤頁用來顯示同一窗口內信息的多個邏輯頁或節。

16. 文本框 Text Boxes

文本框的各個使用狀態：

文本框提供基本的文本顯示、輸入和編輯支持。

17. 工具提示和信息提示 Tooltips and Infotips

工具提示控制項是一個小的彈出窗口，顯示所指向的工具文字標籤或補充信息。

提示信息控制項是一個小的彈出窗口，顯示所指向對象的提示信息或補充信息。

18. 逐步顯示控制項Progressive Disclosure Controls

用戶通過逐步顯示控制項可以顯示或影響一些額外的信息、數據、選項或命令。

19. 列表框 List Box

單選列表：用戶只能通過列表每次選擇一個選項，且至少選擇一個。

普通多選列表：允許用戶通過列表選擇多個選項甚至是不選。

複選框列表：允許用戶通過列表選擇多個選項甚至是不選。

預覽列表：為用戶提供預覽而不僅僅是文字，根據使用場景的需要，可以設定支持選擇規則。

添加刪除列表：允許用戶自建列表，可以支持每次增加一個或多個條目操作，也可以支持用戶調整條目順序。

20. 列表視圖 List Views

普通列表試圖

標題列表視圖

大圖標列表試圖：

分組列表試圖：

複選框列表視圖：

21. 樹狀視圖Tree View

通過樹狀視圖，用戶可以與一個分級排列的對象集合進行查看和交互。

推薦閱讀：