快速指南合集
显示交互式组件
为您的 UI 选择合适的组件,并了解如何在应用中实现它。
创建 Scaffold 组件以将 UI 组合在一起
一个基础结构,为复杂的界面提供标准平台。Scaffolds 将 UI 的不同部分(例如应用栏和悬浮操作按钮)组合在一起,为应用提供一致的外观和风格。
显示应用栏
容器提供用户对关键功能和导航项的访问。应用栏有两种类型:顶部应用栏和底部应用栏。
创建按钮
这些基本组件允许用户触发定义的动作。按钮有五种类型。查看五种按钮类型的外观以及应该使用它们的位置,并了解如何实现它们。
创建悬浮操作按钮 (FAB
一个高亮度的按钮,允许用户在应用中执行主要操作。此按钮组件推广一个单一的、集中的操作,这是用户可能采取的最常见途径,并且通常固定在屏幕右下角。
创建用作容器的卡片
作为您 UI 的 Material Design 容器。卡片通常呈现一个单一的连贯内容。正是这种专注于呈现单个内容,将卡片与其他容器区分开来。
创建 Chip 以表示复杂实体
一种紧凑、交互式的 UI 元素,表示复杂实体,如联系人或标签,通常带有图标和标签。Chip 可以是可选中、可关闭或可点击的。
显示弹出消息或请求用户输入
在主应用内容上方的层中显示弹出消息或请求用户输入。此组件会创建一种中断性的 UI 体验,以吸引用户注意。
创建进度指示器
直观地显示操作的状态。通过使用动态效果吸引用户注意进程接近完成的程度(例如加载或处理数据),这些指示器可以表示正在进行处理,而不指示接近完成的程度。
创建 Slider 用于表示值范围
让用户能够沿连续范围进行值选择,例如设置音量或过滤价格范围内的图表数据。
添加用户可以切换的 Switch
使能用户在两种状态之间切换。用户可以拖动或点击 Switch 的滑块来改变当前状态。
创建 Bottom Sheet
显示固定在屏幕底部的次要内容。您可以使用标准或模态 Bottom Sheets 向用户显示次要内容。
使用 Navigation Drawer 组件创建滑入式菜单
一个滑入式菜单,让用户可以导航到应用的各个部分。用户可以通过从侧面滑动或点击菜单图标来激活它。
使用 Snackbar 创建通知
在屏幕底部显示一条简短通知。这可以在不中断用户体验的情况下提供有关操作或行为的反馈。Snackbars 会在几秒钟后消失。用户也可以手动关闭它们。

显示列表或网格
使用列表和网格高效地显示和排列一组项目。
有问题或反馈?
前往我们的常见问题页面,了解快速指南,或与我们联系并告知您的想法。