在上一篇文章里，整理了文本框、搜索框、滑塊和微調(diào)控件等通用輸入控件的設(shè)計規(guī)范和適用場景，以及做設(shè)計時的權(quán)衡原則。這一篇將繼續(xù)介紹“選擇控件”的設(shè)計規(guī)范，涉及的組件包括：單選選項、復(fù)選框、下拉列表/組合框、列表框/組合框、列表視圖、樹形視圖和選項卡。

單選選項：單選組件，可帶單選框，也可以直接將選項列出

復(fù)選框：支持多選的復(fù)選組件

下拉列表框/組合框：即下拉菜單，“下拉組合框”指帶輸入框或即可輸入又可選擇下拉選項的下拉列表

列表框：指選項較多時，用列表形式展示出的選項，支持單選和多選

列表視圖：類似于操作系統(tǒng)中文件管理器中的各種視圖，適用于支持分組、排序、更換視圖的場景

樹形視圖：樹狀圖組件

選項卡：即常說的tab頁

適用場景和使用注意事項

注：不論是使用什么選擇控件，每組選項的排序邏輯應(yīng)遵循一定的規(guī)則

1. 被選可能性從高到低；

2. 操作從簡單到復(fù)雜；

3. 風(fēng)險從低到高；

4. 將相關(guān)性高的項放在一起；

5.將最常用的項放在前面；

6.遵循其他自然過程；

7. 當(dāng)列表項超過12項時，考慮按字母順序排列