应用栏和标题栏

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

使用一致的应用栏和标题布局,将应用内搜索等关键控件放置在整个用户界面中的标准位置。

解剖学

应用栏和页眉可以包含多种元素。可以通过以下两种方式进行配置:

  • 应用标题栏:配置为应用标题栏时,该组件包含可选文本空间,图标和按钮的使用量极少。通常,它包含屏幕标题和返回箭头。
  • 应用栏:配置为应用栏后,它可以包含图标、标签按钮。典型元素包括应用图标和导航选项。

这两个版本都可以包含应用控制功能,例如应用内搜索和设置。

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

规格 – 应用栏

应用栏主导航 - 居中对齐

应用栏(含主导航) - 左对齐

应用栏主导航已折叠(抽屉式而非标签式)

规格 – 应用标题

应用标题居中

带有单个应用程序控件的应用程序标题

带有多个应用控件的应用标题

应用标题栏,带单个按钮

应用标题栏包含多个按钮

应用标题文字溢出

带有独立标签栏的应用标题

定制

您可以通过修改应用栏和标题栏的视觉外观来展现您的品牌形象。修改内容可能包括:

  • 自定义图标
  • 自定义字体
  • 设置活动、非活动和禁用按钮的外观
  • 设置按钮尺寸和位置

示例

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