动作面板-Action Sheets -底部操作表

定义:

动作面板是响应控件或操作时出现的特定样式(底部弹起的模态面板),并且提供与当前上下文有关的两种或更多的选择。使用动作面板是为了让人们启动任务,或在执行潜在的破坏性操作前请求确认。通常操作表呈现与用户操作相关的两个或更多选择,包含两个或以上的按钮。

截屏2022-07-18 09.59.42.png

规则:

  • 一般含有三种以上操作使用底部操作列表。
  • 一种或者两种操作使用警示框或底部操作列表。
  • 使用行动表而不是菜单来提供与人们发起的行动相关的选择。

例如,当人们采取可能会破坏数据的操作时,操作表可以让他们确认或取消该操作,此外还提供“保存”或其他作用于数据的选项。

  • 提供“取消”按钮,使人们可以重新考虑破坏性操作。“取消”按钮应出现在操作表的底部。
  • 突出显示破坏性选择。将红色用于执行破坏性或危险操作的按钮,并将这些按钮显示在操作表的顶部。
  • 避免让动作列表滚动。如果操作表上有太多选项,则人们必须滚动查看所有选项。滚动需要花费额外的时间来做出选择,并且滚动操作很难做到不会无意间点击一个按钮。

截屏2022-07-18 09.59.49.png

属性栏或预制样式中的样式配置:

样式选择
背景
圆角

tips:

iOS叫活动视图(Activity Views)。安卓叫底部面板(Sheets: bottom)。主要用于app与其它应用发生交互(如分享、发送邮件、打开文件等)
在较小的屏幕上,操作表从屏幕底部向上滑动;当有足够的可用空间时(例如,在 iPad 屏幕上),操作表在视觉上会变成弹出框。不再需要关闭视图的按钮,因为在弹出框外的任何位置点击目标都会自动关闭它。