动作选项条(Action Sheets)是一类专属于 iOS 系统的控件类型,其通常被认为是一种特殊类型的警告(Alert)。

在移动应用设计中,动作选项条多用于对破坏性行为的二次确认。比如当我们终止某些创建操作时,通常会使用动作选项条来征求用户意见。

动作选项条(Action Sheets) - 图1

构成要素

动作选项条主要由以下元素构成:标题(A)、选项条(B)、取消按钮(C)、模态遮罩层(D)。

动作选项条(Action Sheets) - 图2

其中标题(A)通常用来描述场景任务,为非必需元素。一些任务场景清晰的动作选项条,通常不使用标题。

选项设定

动作选项条的选项个数要求至少为 2 项,通常包含一个” 退出性质 “的选项按钮,这个按钮必须位于动作选项条的最底部位置,在视觉样式上,要与其他选项按钮形成明显分隔。

动作选项条(Action Sheets) - 图3

这个”退出性质 “的选项按钮,大多数情况下都会使用” 取消 “文案,当我们选择执行” 取消“命令时,通常会返回到触发动作选项条之前的页面。

当然有时这个” 取消 “按钮,也可以结合任务场景,使用其他的文案形式。例如在 iPhone 日历应用中,进行日程设定时,当有部分内容已经完成录入,此时中断当前任务时,会触发动作选项条,这时选项条的取消按钮使用了” 继续编辑 “的文案形式

动作选项条(Action Sheets) - 图4

相关性原则

动作选项条的选项按钮设定一定要符合场景相关性原则,不可以使用一些与当前场景无关的选项。同时也不建议使用太多的选项(选项过多时,用户需要在内容面板上回滚内容。这种体验形式通常会认为是不友好的)。如果必须要在动作选项条上使用更多的选项钮,可以尝试采用下拉菜单(pull-down menus)这一控件,来完成当前场景任务

动作选项条(Action Sheets) - 图5

破坏性行为

动作选项条的选项命令,如果具有潜在破坏性,比如” 放弃更改 “等。通常会使用红色字体,并且采用置顶的方式来展示选项内容。

动作选项条(Action Sheets) - 图6

退出方式

我们可以采用 2 种方式,退出动作选项条模式。一种是点击” 取消 “操作按钮,另外一种方式是点击选项面板外的模态遮罩层。

动作选项条(Action Sheets) - 图7

动作选项条 vs 警告对话框

动作选项条,是一种特殊性质的警告,当警告对话框(Alert)的选项按钮超过 3 个时,可以使用动作选线条来承载更多的选项内容。

动作选项条(Action Sheets) - 图8