显示顶部应用栏

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

版本兼容性

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

依赖项

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

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

代码要点

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

结果

包含本指南的集合

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

有问题或反馈

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

前往常见问题解答 提供反馈