使用 TopAppBar
可组合项创建顶部应用栏,以帮助用户浏览和访问应用中的功能。
版本兼容性
此实现要求将项目 minSDK 设置为 API 级别 21 或更高级别。
依赖项
为顶部应用栏创建可组合项
使用 MediumTopAppBar
可组合项创建一个顶部应用栏,当用户向下滚动内容区域时,该应用栏会收起,当用户滚动回内容顶部时,该应用栏会展开:
代码要点
- 设置了
TopBar
的外部Scaffold
。 - 由单个
Text
元素组成的作品。 - 顶部栏,其中定义了单个操作。
- 一个
IconButton
操作,其中包含用于执行操作的onClick
lambda。 - 一个包含
Icon
的IconButton
,其中包含图标图片和内容说明文本。 - Scaffold 内部内容的滚动行为定义为
enterAlwaysScrollBehavior()
。这样,当用户向上拉动内部内容时,应用栏会收起;当用户向下拉动内部内容时,应用栏会展开。 - 除了包含商品名的
MediumTopBar
之外,您还可以使用以下属性:TopAppBar
:适用于不需要大量导航或操作的界面。CenterAlignedTopAppBar
:适用于只有一个主要操作的界面。标题在组件中居中显示。MediumTopAppBar
:适用于需要进行适量导航和操作的界面。LargeTopAppBar
:适用于需要大量导航和操作的界面。与MediumTopAppBar
相比,使用更多内边距,并将标题放置在任何其他图标下方。
结果
包含本指南的集合
本指南属于以下精选快速入门集合,这些集合涵盖了更广泛的 Android 开发目标:
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=zh-cn)
创建主屏幕 scaffold
了解如何使用标准化平台构建复杂的界面。框架将界面的不同部分整合在一起,使应用具有一致的外观和风格。
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=zh-cn)
显示互动组件
了解如何使用可组合函数根据 Material Design 设计系统轻松创建美观的界面组件。
有问题或反馈
请访问我们的常见问题解答页面,了解简短指南,或与我们联系,告诉我们您的想法。