IOS 12设计规范(7-5)图标和图像:工具栏(Toolbars)

7.5          工具栏(Toolbars)

工具栏出现在App 屏幕底部,包含了执行当前视图或包含内容相关操作的按钮。

工具栏是半透明的,也可能会有背景⾊,并且通常在用户不太需要它们时被隐藏。比如,在 Safari  中,当你滚动页面表明你再阅读时,工具栏就藏起来了。当你在屏幕底部点击时,工具栏⼜会再次出现。当前屏幕有键盘时,工具栏也 会被隐藏 。

IOS12设计规范

提供相关的工具栏按钮: 工具栏必须包含在当前环境下有意义的常用操作命令。

考虑图标或⽂字按钮是否适合你的 App: 当你需要多于三个工具栏按钮时, 使用图标会比较合适。当你只有三个或是更少的按钮时,⽂字按钮有时候看起来更加清楚。比如,在日历 App 中,文本就被当作按钮使用,因为图标可能会令人迷惑。因为使用了文本,“Inbox”按钮还能显示所有的⽇程表和受邀活动数量。

避免在工具栏中使用分段控件: 分段控件让用户切换内容,而工具栏更针对于当前屏幕。如果你需要提供切换内容的方法,请考虑使用标签栏。见 TabBars 。

给文本标题按钮足够的空间: 如果你的工具栏包含多个按钮,那些按钮的⽂ 本可能会挤在一起,使按钮无法区分。通过在按钮之间插入固定间距使其分离。更多开发者指南,请参阅UIBarButtonItem中 的

UIBarButtonSystemItemFixedSpace 的恒定值。
IOS12设计规范

开发者指南,请参阅 UIToolbar 。

提示:理解标签栏和工具栏之间的不同⼗分重要,因为这两种栏都是出现在 App 屏幕的底部。工具栏包含了执行当前视图相关操作的按钮,比如创建项、  删除项、添加注释或是拍照。标签栏让用户在 App 的不同部分间快速切换, 比如, 时钟 App 中的“闹钟”、“秒表”、“计时器器”。请参阅 Tab Bars 。标签栏和工具栏决不会在同一个视图内同时出现。

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(7-5)图标和图像:工具栏(Toolbars)

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏