(本文內(nèi)容及圖片均從其他文章中摘取及整理)
1群凶、Dynamic? Type??????? 動(dòng)態(tài)字體,用戶可以自定義字體大斜取(IOS)
????? Sizing Cells????? 列表視圖字段較長可字段換行(IOS)
2、Pickers?? IOS波輪選擇器
????? 安卓 Dialog/dropdown
????? 分為:Date Picker/Time Picker
????? 選項(xiàng)不宜過多,合理排序变屁,設(shè)置默認(rèn)選項(xiàng)
3、Dialog? 對話框 IOS里面的對話框是一種警示薄料,告知信息一般在頁面中使用文案提示
???? ? ? ? ? ? ? ? ? ? Andriod對話框更多是一種告知信息
4敞贡、Snackbar?????
Andriod輕量級反饋? 文本描述+1~0個(gè)按鈕,非模態(tài)
5摄职、ActionSheets?
用于二次確認(rèn)或菜單選擇誊役;有取消選項(xiàng),點(diǎn)擊空白處也可退出谷市;菜單項(xiàng)不宜太多蛔垢,居中且不帶圖標(biāo)。
另外有變形的網(wǎng)格式迫悠,ICON+標(biāo)題鹏漆,最好不能超過兩行
6、BottomSheets?? Andriod組件
??? 類似于IOS的ActionSheets,但是沒有取消選項(xiàng)艺玲,且有上下滾動(dòng)的效果
7括蝠、Popover ?? IOS彈出氣泡?
???? 模態(tài)??? 當(dāng)操作本身只是頁面中的局部功能或快速入口時(shí)則Popover的形式更適合
8、Segment Controls? (分段控件/分段選擇器/分段選擇控件)
?????? 是iOS原生控件之一饭聚,用于切換不同的視圖或者表單中的單選
? ?? ? 最好采用文字或圖片中一種作為選項(xiàng)忌警,可作為表單組件
????? 與tab的區(qū)別:tab是安卓的規(guī)范組件,不止可以通過點(diǎn)擊進(jìn)行切換秒梳,也可以通過向左右滑動(dòng)屏幕切換頁面法绵。
? ? ? Segment Controls實(shí)質(zhì)是一種數(shù)據(jù)的篩選,同下拉菜單類似酪碘,且最多限制為5個(gè)朋譬,而tab可以擴(kuò)展更多個(gè)。
9兴垦、Stepper?? 步進(jìn)器
選擇合適的默認(rèn)值可以減少用戶的點(diǎn)擊徙赢;設(shè)置數(shù)值的上限和下限,到達(dá)限值時(shí)禁止點(diǎn)
10滑进、Switch????? 開關(guān)/滑動(dòng)開關(guān)/切換開關(guān)
??????? Lable+開關(guān)狀態(tài)+說明
? ? ? ? 兩個(gè)互斥的選項(xiàng)犀忱,選擇其中一個(gè)后會立馬執(zhí)行選型(區(qū)別于表單里面的RadioButton(單選按鈕),需要提交表單后執(zhí)行)
????????? 文案只需要說明控制的內(nèi)容扶关,否則會引起用戶誤解
???????? 如果是重要的操作阴汇,最好加上二次的確認(rèn)
???????? 如果Switch所執(zhí)行的操作需要與服務(wù)器交互,就必須考慮加載狀態(tài)了(樂觀派UI中會先顯示操作成功的效果再請求服務(wù)器)节槐。
11搀庶、Toast? 安卓?? 非模態(tài)
???????? HUD??? IOS
????????? 可以用多態(tài)按鈕(可以展現(xiàn)當(dāng)前操作狀態(tài)的按鈕)、snackbar铜异、動(dòng)效來代替
???????
?????????