微信關註公眾號“產品設計與用戶體驗”,送“用戶體驗辭典”電子書。
【詞條】
數據和方法的封裝。控件可以有自己的屬性和方法。屬性是控件數據的簡單訪問者。方法則是控件的一些簡單而可見的功能。
【詞條】用戶界面控件(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
通過樹狀視圖,用戶可以與一個分級排列的對象集合進行查看和交互。
-
扫码下载安卓APP
-
微信扫一扫关注我们微信扫一扫打开小程序手Q扫一扫打开小程序
-
返回顶部