Actionsheet 動(dòng)作面板
動(dòng)作面板展示了與用戶觸發(fā)的操作直接相關(guān)的一系列選項(xiàng)掘而。
結(jié)構(gòu)
遮罩
表明 Actionsheet 是一個(gè)模態(tài)視圖迫悠，可以通過遮罩讓屏幕變暗鹏漆，關(guān)注選項(xiàng)。點(diǎn)擊遮罩區(qū)域，可以收起操作面板
描述
可以簡(jiǎn)單描述當(dāng)前選項(xiàng)
操作選項(xiàng)
取消
取消按鈕在最下方艺玲，讓用戶在改變主意的時(shí)候離開括蝠。
1.png
用法
何時(shí)使用
操作面板將次操作隱藏在頁面外，直到需要的時(shí)候才出現(xiàn)饭聚。
使用操作面板來：
提供完成一項(xiàng)任務(wù)的不同方法忌警。
操作面板提供一系列在當(dāng)前情景下可以完成當(dāng)前任務(wù)的操作，而這樣的形式不會(huì)永久占用頁面 UI 的空間秒梳。在用戶完成一項(xiàng)可能有風(fēng)險(xiǎn)的操作前獲得用戶的確認(rèn)法绵。
操作面板讓用戶有機(jī)會(huì)停下來充分考慮當(dāng)前操作可能導(dǎo)致的危險(xiǎn)結(jié)果，并為他們提供了一些其它的選項(xiàng)酪碘。
關(guān)于操作選項(xiàng)
- 使用紅色文字來表示可能存在破壞性的操作朋譬，且在操作列表的底部使用。
越靠近列表頂部的操作越容易引起用戶注意兴垦，潛在風(fēng)險(xiǎn)的操作離列表底部越遠(yuǎn)徙赢，用戶在操作的時(shí)候就越不容易誤點(diǎn)它。
2.png
- 操作面板中的按鈕數(shù)限制在 5 個(gè)之內(nèi)探越，包括“取消”按鈕狡赐。
如果你的操作列表中存在過多按鈕，用戶沒法快速掃描可選項(xiàng)钦幔。
3.png
內(nèi)容
- 選項(xiàng)的命名簡(jiǎn)介枕屉、明確
-
不要使用icon來表明選項(xiàng)
4.png
類型
默認(rèn)類型
5.png
拓展：分享和操作
? 內(nèi)容為網(wǎng)格列表
關(guān)注公眾號(hào)“設(shè)計(jì)有一思”
