移動端的選擇器就好比是web端的下拉列表，可以說是每個系統(tǒng)、軟件必備的組件，也是移動端元件庫的必備元件，文章對移動端選擇器的不同種類以及原型應用進行了梳理分析，與大家分享。

一般而言，移動端的選擇器分為單選選擇器、多選選擇器。

01 單選選擇器

單選選擇器按效果又可以分為，點擊選擇器、滑動選擇器、多級選擇器、具有搜索效果的選擇器、開關選擇器……

點擊選擇器：一般以底部彈窗的形式出現(xiàn)，如下圖所示，通過手機點擊選中選項，返回選擇內容，具體選項內容可以在中繼器表格中填寫。

滑動選擇器：滑動選擇器的效果和點擊選擇器效果非常接近，區(qū)別主要在于，滑動選擇器是將需要選中的內容活動至中部，然后點擊確認按鈕確認選中后返回選中內容?，F(xiàn)在很多app使用這種效果，會比點擊選擇器炫酷，但是原理都是通過中繼器制作選擇內容，只不過是交互的方式不一樣，所謂咸魚白菜各有所愛。

分級選擇器：在滑動選擇器的基礎上在加一級，比較適用于省份-城市或者品牌-產品這種類似的選擇。這種選擇器是由兩個或兩個以上的中繼器制作而成，第一個中繼器選擇后，一般會對第二個中繼器進行篩選，例如選擇了廣東省，那么2級內容就應該篩選掉廣東省以外的城市。

當然了，也有些情況是不需要進行篩選的，例如時間，因為沒個小時都是60分鐘，所以這里的二級內容分鐘就不需要篩選的操作了。

在日期選擇器里面，又有一些不同，他的2級選擇器是月份，因為每年都是12個月，所以這里的2級就不需要篩選，但是他的三級是天，因為每個月的天數(shù)都不同，而且閏年的二月有29日，所以這里的三級內容需要根據(jù)一級和二級選擇的內容進行顯示。所以具體情況還是要具體分析。

可搜索選擇器：這種選擇器一般用于選擇項較多，例如全國的城市有幾百個，一個個找很麻煩，所以這時就需要用都可搜索的選擇器，根據(jù)用戶輸入的內容，對中繼器進行模糊的搜索，讓用戶快速找到并選擇內容。

開關選擇器：這種選擇器是單選選擇器里最特別的一種，因為他只有兩種選項，true or false，不適用于彈窗這么復雜，所以可以直接用開關按鈕代替，常見按鈕是授權或者性別選擇等等。

02 多選選擇器

多選選擇器主要應用于類似愛好、特長、技能的選擇，用戶可以選擇多個選項，所以多選選擇器就不適用用滑動選擇器和開關選擇器來做。一般常用的多選選擇器都是點擊選擇器，當然也有搜索效果的多選選擇器

點擊多選選擇器：如果選項較少，一般也是以底部彈窗的形式出現(xiàn)，如下圖所示，通過手機點擊選中選中或取消選中該選項，返回選中內容，具體選項內容可以在中繼器表格中填寫。

可搜索的多選選擇器：如果選項太多，就不太適合用上面的選擇器，這是我們需要給他增加一個搜索的功能，根據(jù)用戶輸入的內容，對中繼器進行模糊的搜索，讓用戶快速找到并選擇內容。

那以上就是本期關于移動端常用選擇器介紹的全部內容，主要是基于我個人在實際工作中需要用到的原型，而設計出來的axure組件。

如果大家有所收獲，希望可以點贊鼓勵一下，也歡迎大家交流，謝謝。

本文由 @秀 原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協(xié)議