Compose 中的设计系统

借助 Jetpack Compose，您可以轻松实现设计系统，并通过主题、组件等为应用赋予一致的外观和风格。

以下页面详细介绍了如何设计和实现您的设计系统：

• Material Design 3：了解如何使用 Compose 的 Material Design 3 实现来实现 Material You。
• 从 Material 2 迁移至 Material 3：了解如何在 Compose 中将您的应用从 Material Design 2 迁移至 Material Design 3。
• 自定义设计系统：了解如何在 Compose 中实现自定义设计系统，以及如何调整现有的 Material Design 可组合项以处理此系统。
• 主题详解：了解 MaterialTheme 和自定义设计系统使用的较低级别的结构和 API。
• 将 XML 主题迁移到 Compose：了解如何将基于 View 的 XML 主题迁移到 Compose。

示例

以下示例展示了 Jetpack Compose 中的设计系统：

支持在单个文本字符串中添加多个链接

您可以在一条文本字符串中支持多个链接，以便用户选择要前往的位置并提高互动度。

设置文本的部分样式

您可以设置文本的部分样式，以提高可读性、提升用户体验，并通过使用颜色和字体来激发更大的创造力。

在用户输入时验证输入内容

您可以在用户在文本字段中输入内容（例如输入姓名、电子邮件地址、地址或其他联系信息）时验证输入内容。此验证可减少错误并为用户节省时间。

展开