前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Human Interface Guidelines —— 工具栏(Toolbars)

Human Interface Guidelines —— 工具栏(Toolbars)

作者头像
霖酱
发布2018-05-17 10:44:54
1.2K0
发布2018-05-17 10:44:54
举报
文章被收录于专栏:Material Design组件

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

工具栏(Toolbars)

Human Interface Guidelines链接:Toolbars

Toolbar

Toolbar出现在app屏幕的底部,并包含用于执行与当前视图或其中的内容相关操作的按钮。 

Toolbar是半透明的,可能具有背景色,并且当人们不太可能需要它们时,它们通常隐藏。 例如,在Safari中,当您开始滚动页面时,工具栏会隐藏,因为您可能正在阅读。 您可以通过点击屏幕底部再次显示。 当键盘出现在屏幕上时,toolbar也会隐藏。

·提供相关的工具栏按钮

工具栏应包含在当前上下文中有意义的常用命令。

·考虑图标或文字标题的按钮是否适合app

当您需要三个以上的toolbar按钮时,图标是好的选择。当你有三个或更少的按钮时,文字有时会更清晰。例如,在日历中,使用文本是因为图标会令人困惑。文本的使用还允许收件箱按钮显示日历和事件邀请的计数。

·避免在toolbar中使用分段控件(segmented control)

分段控件允许人们切换上下文,而工具栏是特定用于当前屏幕的。如果您需要提供切换上下文的方式,请考虑使用tab bar。

·给文本标题按钮足够的空间

如果您的工具栏包含多个按钮,则这些按钮的文本可能会一起运行,从而使按钮无法区分。通过在按钮之间插入固定空间来添加分隔。

TIP 理解toolbar和tab bar之间的区别很重要,因为这两种类型的栏都出现在应用程序屏幕的底部。  Toolbar包含用于执行与当前上下文相关的操作的按钮,例如创建项目,删除项目,添加注释或拍摄照片。  Tab bar可让用户在app的不同部分之间快速切换,例如,时钟应用程序中的闹钟,秒表和计时器tab。  Toolbar和tab bar永远不会出现在同一个视图中。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.05.12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 工具栏(Toolbars)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档