在很長(zhǎng)的一段時(shí)間內(nèi)，我從來都沒有覺得在設(shè)計(jì)頁面中，選用復(fù)選框還是開關(guān)會(huì)有問題淀衣，直到我看到知乎的設(shè)置頁面。知乎的設(shè)置頁面是沒有開關(guān)的哺呜，而且在所有的我認(rèn)為應(yīng)該放置開關(guān)的地方舌缤，知乎都放置了復(fù)選框，于是我就開始產(chǎn)生疑問了某残。后來在知乎有看到相關(guān)的問題討論【1】国撵，所以我就結(jié)合一下自己的思考做個(gè)小總結(jié)。其實(shí)我覺得開關(guān)和復(fù)選框都是可以表達(dá)一種“切換”的關(guān)系玻墅，不過現(xiàn)在兩者有點(diǎn)混淆介牙，不過可以總結(jié)一個(gè)規(guī)律出來。而且據(jù)說這是一個(gè)歷史遺留問題【3】澳厢。
單個(gè)項(xiàng)目用開關(guān)
根據(jù)Material design規(guī)范里的說明【2】环础，如果只有單個(gè)項(xiàng)目的時(shí)候，選用開關(guān)剩拢，如下圖线得。不過這里的單個(gè)項(xiàng)目指的是控制列表里面的項(xiàng)目，對(duì)于其他情形徐伐，比如登陸頁面的一些“記住密碼”等項(xiàng)目贯钩，習(xí)慣性還是用復(fù)選框。
聯(lián)動(dòng)項(xiàng)目用開關(guān)
聯(lián)動(dòng)項(xiàng)目办素，即列表項(xiàng)與列表項(xiàng)之間存在控制的關(guān)系角雷，比如說：WiFi頁面下，當(dāng)關(guān)閉wifi選項(xiàng)性穿，就不會(huì)出現(xiàn)wifi熱點(diǎn)列表勺三。在設(shè)置列表中，聯(lián)動(dòng)設(shè)置項(xiàng)的設(shè)定可以有效減少頁面的復(fù)雜程度需曾，降低用戶的認(rèn)知負(fù)擔(dān)吗坚。一般來說，這種起控制性的項(xiàng)目就會(huì)用開關(guān)呆万。
多個(gè)不同項(xiàng)目用開關(guān)
當(dāng)有多個(gè)不同的列表項(xiàng)并列刻蚯，然后各自之間并沒有什么關(guān)系的時(shí)候，傾向于用開關(guān)桑嘶。雖然這并不符合Material design的規(guī)范。不過因?yàn)橐话銖?fù)選框的項(xiàng)之間都是屬于同一類的躬充，所以我覺得當(dāng)不同項(xiàng)目時(shí)逃顶，選用開關(guān)會(huì)更加適合讨便。
多個(gè)相似項(xiàng)目用復(fù)選框
多個(gè)相似列表項(xiàng)并列時(shí)，傾向于用復(fù)選框以政，而且這時(shí)候要加上二級(jí)標(biāo)題霸褒。如下圖。
需要注意的是盈蛮，這個(gè)問題只出現(xiàn)在Android的設(shè)置項(xiàng)中废菱，iOS規(guī)范中只有開關(guān)。
關(guān)于列表項(xiàng)的復(fù)選框和開關(guān)的選擇就討論到這里抖誉，希望對(duì)你有所啟發(fā)殊轴。
【1】Android 中開關(guān)和復(fù)選框的區(qū)別是什么？ - 知乎https://www.zhihu.com/question/22470976#
【2】開關(guān) - Material Design 中文版 - 極客學(xué)院Wiki http://wiki.jikexueyuan.com/project/material-design/components/switches.html
【3】Android 中開關(guān)和復(fù)選框的區(qū)別是什么袒炉？ - 回答作者：leongao http://zhihu.com/question/22470976/answer/21468376?utm_campaign=webshare&utm_source=weibo&utm_medium=zhihu
