操作面板 actionSheets

概述

操作面板是响应于控件或动作出现的特定风格的面板,并呈现与当前上下文相关的一组两个或多个选项。使用操作菜单让人们启动任务,或者在执行潜在的破坏性操作之前请求确认。在较小的屏幕上,操作页面从屏幕底部向上滑动。

类型

image.png

用法

取消/关闭按钮:用户可以通过取消按钮撤回底部面板红色按钮:让破坏性的选项突出。对执行破坏性或危险操作的按钮使用红色,并在操作列表的顶部显示这些按钮。避免滚动:避免在动作单中启用滚动。操作的菜单最多5项(不含取消)

类型细节规则

底部列表面板无说明

image.png

场景描述:适用选项描述比较简单直接的场景

底部列表面板有说明

image.png

场景描述:适用选项描述比较简单直接,但是需要进行注释针对于选项进行说明避免用户产生疑问的场景规则描述:注释不超过两行

底部列表面板左对齐

image.png

场景描述:适用选项描述长的短句场景规则描述:选项最多一行;通过右上角关闭按钮撤回底部面板

底部列表面板左对齐(有图标)

image.png

场景描述:适用选项描述长的短句场景,用户可以添加图标增强品牌感和识别度规则描述:选项最多一行;通过右上角关闭按钮撤回底部面板

底部分享面板

image.png

场景描述:适用于分享至其他应用或者针对当前内容进行详细操作的场景规则描述:标题显示在活动视图中的图标下方。短标题效果最好。当标题太长时,iOS首先收缩文字,然后如果标题仍然太长,则会截断它。一般来说,避免将自己的产品名称包含在标题中。如果内容太多可以横向滑动切换。