首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Human Interface Guidelines —— 工具栏(Toolbars)

Human Interface Guidelines —— 工具栏(Toolbars)

作者头像
霖酱
发布于 2018-05-17 02:44:54
发布于 2018-05-17 02:44:54
1.3K0
举报

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Human Interface Guidelines —— Tab Bars
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
1.6K0
Human Interface Guidelines — Navigation
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Navigation(导航) Human Interface Guidelines链接:Navigation 用户只有当期望不能被满足时才想到 app 的导航,直到它不能满足他们的期望。导航的工作是以支持 app 的结构,但不需要引起注意。导航应该让用户感觉自然和熟悉,且不应该主导界面或让用户把焦点从内容上
霖酱
2018/06/06
1K0
Human Interface Guidelines —— 状态栏(Status Bars)
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
8860
Human Interface Guidelines —— 导航栏(Navigation Bars)
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
2.9K0
Human Interface Guidelines —— Labels
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/06/21
4840
Human Interface Guidelines — Settings
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Settings(设置) Human Interface Guidelines链接:Settings 有些 app 可能需要提供一种方式来进行设置或配置选项,但大多数 app 可以避免或推迟这样做。对于大多数人来说,成功的 app 马上就能运行得很好,同时还能提供一些方便的方式来调整体验。当设计的 app 是
霖酱
2018/06/08
3080
Human Interface Guidelines — Sharing and Actions
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Sharing and Actions Human Interface Guidelines链接:sharing and Actions Share extensions 提供了一种方便的方式,可以在app,社交媒体帐户和其他服务中共享当前环境中的信息。 Action extensions 可让人们启动内容特
霖酱
2018/06/21
5770
[译]《iOS Human Interface Guidelines》——Tab Bar标签栏
API NOTE 标签栏包含在标签栏控制器(管理一系列自定义视图的显示)内。查看Tab Bar Controllers和UITabBar来学习更多关于在你的代码中定义标签栏的内容。
Cloudox
2021/11/23
6260
[译]《iOS Human Interface Guidelines》——Tab Bar标签栏
Human Interface Guidelines — Segmented Controls
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/06/21
6570
Human Interface Guidelines — Progress Indicators
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Progress Indicators Human Interface Guidelines链接:Progress Indicators 不要让人们盯着静态屏幕等待您的app加载内容或执行冗长的数据处理操作。 使用 progress indicator 让人们知道你的app没有停滞,并让他们知道他们还需要等待
霖酱
2018/06/21
7020
Human Interface Guidelines — Switches
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/06/21
5750
Human Interface Guidelines —— Buttons
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Buttons Human Interface Guidelines链接:Buttons Button 用于启动 app 的特定操作,它具有可自定义的背景,并且可以包含title或图标。  系统为大多数使用情况提供了许多预定义的 button 样式。 也可以设计完全自定义的按钮。 ---- System Bu
霖酱
2018/06/21
8520
Human Interface Guidelines — Gestures
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Gestures Human Interface Guidelines链接:Gestures 人们通过在触摸屏上执行手势与iOS设备进行交互。这些手势引发了用户与内容的密切联系,并增强了用户对屏幕对象的直接操纵感。 使用时注意 ·作为一般规则,使用标准手势 人们熟悉标准手势,不理解被迫学习以不同的方式来达到同
霖酱
2018/06/13
6790
Human Interface Guidelines — Accessibility
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Accessibility(可访问性) Human Interface Guidelines链接:Accessibility iOS为视力丧失、听力丧失和其他残疾用户提供了广泛的可访问性特性。大多数基于UIKit的 app 都可以很容易地访问,并且让更多的人使用 app 的同时为所有人提供同样吸引人的体验。
霖酱
2018/06/06
5980
Human Interface Guidelines — Photo Editing
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Photo Editing Human Interface Guidelines链接:Photo Editing Photo editing extensions 可让人们通过 app 滤镜或进行其他更改来修改照片 app 内的照片和视频。  Edits 总是作为新文件保存在照片 app 中,从而安全地保留
霖酱
2018/06/21
4650
Human Interface Guidelines — Widgets
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Widgets Human Interface Guidelines链接:Widgets Widget 是一种扩展,可及时显示少量并且有用的信息或app的特定功能。  例如,“新闻” widget 显示最重要的标题。 “日历”提供了两个 widget ,一个显示当前的事件,另一个显示下一个事件。 “Notes
霖酱
2018/06/21
1.2K0
Human Interface Guidelines —— Action Sheets
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
7610
Human Interface Guidelines — Modality
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Modality Human Interface Guidelines链接:Modality Modality让人们必须在完成一项任务或关闭一个消息或 view 之后才能做其他事情。Action sheets、alerts 和 activity views 能提供 modal 体验。当一个 modal vie
霖酱
2018/06/06
9590
Human Interface Guidelines —— Split Views
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
9010
Human Interface Guidelines —— 搜索栏(Search Bars)
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
1.3K0
相关推荐
Human Interface Guidelines —— Tab Bars
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档