![包含图片和标题的卡片组件](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/basic-tutorial/card-component.png?authuser=0000&hl=th)
此基本教程介绍了 Relay 的设计人员和开发者工作流程,Relay 提供全面的端到端优先体验。完成 Relay 插件设置后,您可以快速进入相应阶段,能够看到界面在 Android Studio 中显示。我们建议您坚持学习!
此教程介绍如何在 Figma 中创建一个基本的卡片组件,并将其导入 Android Studio 中,您可以在 Android Studio 中查看生成的代码。您将了解如何执行以下操作:
在 Figma 中:
- 在 Figma 中设计界面组件。
- 使用 Figma 插件创建界面软件包。
- 保存设计已命名的版本。
- 与开发者分享 Figma 网址。
在 Android Studio 中:
- 使用 Figma 网址,将界面软件包导入项目。
- 通过构建项目,生成 Jetpack Compose 代码。
- 在项目的界面代码中,添加对生成的可组合项项的引用。
- 运行项目。