显示顶部应用栏

使用 TopAppBar 可组合项创建顶部应用栏,以帮助用户浏览和访问应用中的功能。

版本兼容性

此实现要求将项目 minSDK 设置为 API 级别 21 或更高级别。

依赖项

为顶部应用栏创建可组合项

使用 MediumTopAppBar 可组合项创建一个顶部应用栏,当用户向下滚动内容区域时,该应用栏会收起,当用户滚动回内容顶部时,该应用栏会展开:

代码要点

  • 设置了 TopBar 的外部 Scaffold
  • 由单个 Text 元素组成的作品。
  • 顶部栏,其中定义了单个操作。
  • 一个 IconButton 操作,其中包含用于执行操作的 onClick lambda。
  • 一个包含 IconIconButton,其中包含图标图片和内容说明文本。
  • Scaffold 内部内容的滚动行为定义为 enterAlwaysScrollBehavior()。这样,当用户向上拉动内部内容时,应用栏会收起;当用户向下拉动内部内容时,应用栏会展开。
  • 除了包含商品名的 MediumTopBar 之外,您还可以使用以下属性:
    • TopAppBar:适用于不需要大量导航或操作的界面。
    • CenterAlignedTopAppBar:适用于只有一个主要操作的界面。标题在组件中居中显示。
    • MediumTopAppBar:适用于需要进行适量导航和操作的界面。
    • LargeTopAppBar:适用于需要大量导航和操作的界面。与 MediumTopAppBar 相比,使用更多内边距,并将标题放置在任何其他图标下方。

结果

图 1. 中等大小的顶部应用栏。

包含本指南的集合

本指南属于以下精选快速入门集合,这些集合涵盖了更广泛的 Android 开发目标:

了解如何使用标准化平台构建复杂的界面。框架将界面的不同部分整合在一起,使应用具有一致的外观和风格。
了解如何使用可组合函数根据 Material Design 设计系统轻松创建美观的界面组件。

有问题或反馈

请访问我们的常见问题解答页面,了解简短指南,或与我们联系,告诉我们您的想法。