Action Sheet(动作菜单/动作面板/行动列表)是由用户操作后触发的一种特定的模态弹出框 ,呈现一组与当前情境相关的两个或多个选项。用户可以使用Action Sheet启动某个任务,或者确认是否开始执行某个可能具有破坏性的操作。Action Sheet属于iOS规范,近年来Android平台也出现了类似功能的控件。
Action Sheet
列表模式和宫格模式
选项较少可使用列表模式,选项过多时,不建议在列表模式中滚动,因为选项的触发横向区域很大,在滚动过程中很容易不小心误点了其中一个。
宫格模式适用于选项非常多的情况,并且能以图标形式展现选项,常见于分享到其他社交App或使用第三方App打开文件的场景。使用宫格模式建议将相关选项分组,如果某组的数量太多,可以在屏幕右边缘露出部分图标,暗示可以横向滑动查看更多选项。
注意:Action Sheet中的选项点击后会立即执行任务,而不是仅仅填写一个选项,它不能用在表单中,表单单选应当使用Picker、Segment Control、Radio Button等控件。
Action Sheet和Alert
iPhone和iPad的Action Sheet
Dropbox对操作对象(文件)的图文描述
豆瓣App改版前后
还有LOFRER把最重要的选项“转载到我的LOFTER”做成了纯文字样式,下面的彩色图标比较抢眼,用户会误以为“转载到我的LOFTER”是描述而不是选项。
LOFTER改版前后
好在后来的版本豆瓣和LOFTER都改过来,想要某个选项更突出应该采取合理的视觉强调手法。
Modal bottom sheet
另一个是Simple dialogs(简易对话框),从屏幕中央弹出,没有“取消”按钮,通过点击空白区域关闭。微博、豆瓣的Android版使用了这个控件。
(详见:https://material.io/guidelines/components/dialogs.html#dialogs-simple-menus )
微博iOS和Android对比
墨迹天气优化分享按钮的4个方案
一方面我们可以得出用户对分享图标认知比较集中,对Apple原生的图标很熟悉的结论。事实上Apple规范中对此图标的定义是唤起模态视图(Modal View)的Action图标,并非特指分享功能。
Apple对Action图标的定义
跨云传输
从Action Sheet演化出Activity View
既然来了,说些什么?