应用栏标题

应用栏和标题组件是应用画布顶部的专用栏,可进行自定义以显示与应用相关的重要功能,例如品牌塑造、顶级导航以及应用控件的访问权限。

使用一致的应用栏和标题布局,可在整个界面内的标准位置放置重要控件(例如应用内搜索)。


解剖学

应用栏的标题可以包含各种元素。您可以通过以下任一方式进行配置:

  • 应用标头:如果配置为应用标头,该组件便会包含可填充文字的空间,且用户很少需要用到图标和按钮。通常包括屏幕标题和返回箭头。
  • 应用栏:如果配置为应用栏,则它可以包含图标、标签页按钮。典型元素包括应用图标和导航选项。

上述任一版本可能也包含应用控件,例如应用内搜索和设置。

应用栏和标题剖析
应用标题的两个版本(顶部和中间)和一个应用栏版本(底部),包含以下元素:
1. 返回箭头
2. 屏幕标题
3. 按钮
4. 应用控件
5. 应用图标
6. 主要导航(标签页)

规范 - 应用栏

包含主要导航控件的应用栏 - 居中对齐

包含主导航栏的应用栏 - 左对齐

包含主导航栏的应用栏 - 收起(抽屉式导航栏而非标签页)


规范 - 应用标题

标题居中的应用标题

具有单个应用控件的应用标头

具有多个应用控件的应用标头

包含单个按钮的应用标题

包含多个按钮的应用标头

含有文字溢出的应用标题

包含独立标签页栏的应用标头


自定义

OEM 可以通过修改应用栏和标头的视觉外观来反映其品牌。修改可能包括:

  • 自定义图标
  • 自定义字体
  • 设置有效、无效和已停用按钮的外观
  • 设置按钮尺寸和展示位置

设计系统提供了使用布局、颜色、排版和大小调整组件的指导。


示例

登录时使用的应用标头
播放中的应用标头
应用栏
内容滚动时的应用栏