Jetpack Compose 提供了 Material Design 的实现,后者是一个用于创建数字界面的综合设计系统。您可以使用可组合函数来实现 Material 组件。

操作

按钮会提示界面中的大多数操作。
悬浮操作按钮 (FAB) 可帮助用户执行主要操作。
借助图标按钮,用户只需点按一下即可执行次要操作。
分段按钮可帮助用户选择选项、切换视图或对元素进行排序。

通信

徽章会在导航项和图标上显示通知、数量或状态信息。
进度指示器表示未指定的等待时间或显示进程的持续时间。
信息条会在屏幕底部显示有关应用进程的简短更新。
提示会显示简短的标签或消息。

contain 属性

底部工作表会显示锚定在屏幕底部的次要内容。
卡片用于显示有关单个主题的内容和操作。
轮播界面会显示一系列可滚动到屏幕上或从屏幕上滚出的内容。
对话框可在用户流程中提供重要提示。
分隔线是细线,用于将列表或其他容器中的内容分组。
列表是连续、垂直的文字和图片索引。
在复杂的界面中,脚手架可将界面的不同部分组合在一起。

导航

应用栏位于屏幕顶部,可帮助用户进行导航。
借助导航栏,用户可以在小型设备上切换界面视图。
借助导航抽屉,用户可以在大屏幕设备上切换界面视图。
借助侧边导航栏,用户可以在中型设备上切换界面视图。
标签页用于整理各个屏幕和视图中的内容。

选择

借助复选框,用户可以从列表中选择一个或多个项目,也可以开启或关闭某个项目。
条状标签可帮助用户输入信息、做出选择、过滤内容或触发操作。
借助日期选择器,用户可以选择一个日期或一个日期范围。
菜单会在临时界面上显示选项列表。
单选按钮可让用户从一组选项中选择一个选项。
滑块可让用户从一系列值中进行选择。
开关可用来开启或关闭相应项的选择。
时间选择器可帮助用户选择和设置特定时间。

文本输入

借助搜索功能,用户可以输入关键字或短语来获取相关信息。
文本字段可让用户在界面中输入文本。
了解如何在 Compose 中使用基本布局。
了解如何管理字符串和图片等资源。