移動(dòng)端組件-Actionsheet 動(dòng)作面板

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ì)有一思”

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鲤氢,隨后出現(xiàn)的幾起案子搀擂,更是在濱河造成了極大的恐慌,老刑警劉巖铜异,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件哥倔,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡揍庄,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門东抹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蚂子,“玉大人,你說我怎么就攤上這事缭黔∈尘ィ” “怎么了?”我有些...
    開封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵馏谨,是天一觀的道長(zhǎng)别渔。 經(jīng)常有香客問我,道長(zhǎng),這世上最難降的妖魔是什么哎媚? 我笑而不...
    開封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任喇伯,我火速辦了婚禮,結(jié)果婚禮上拨与,老公的妹妹穿的比我還像新娘稻据。我一直安慰自己,他們只是感情好买喧,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開白布捻悯。 她就那樣靜靜地躺著,像睡著了一般淤毛。 火紅的嫁衣襯著肌膚如雪今缚。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天低淡,我揣著相機(jī)與錄音姓言,去河邊找鬼。 笑死查牌,一個(gè)胖子當(dāng)著我的面吹牛事期,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播纸颜,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼兽泣,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了胁孙?” 一聲冷哼從身側(cè)響起唠倦,我...
    開封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎涮较,沒想到半個(gè)月后稠鼻,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡狂票,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年候齿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片闺属。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡慌盯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出掂器,到底是詐尸還是另有隱情亚皂,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布国瓮,位于F島的核電站灭必,受9級(jí)特大地震影響狞谱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜禁漓,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一跟衅、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧璃饱,春花似錦与斤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至谒撼,卻和暖如春食寡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背廓潜。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工抵皱, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人辩蛋。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓呻畸,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親悼院。 傳聞我的和親對(duì)象是個(gè)殘疾皇子伤为,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349