概览

包含图片和标题的卡片组件

此基本教程介绍了 Relay 的设计人员和开发者工作流程,Relay 提供全面的端到端优先体验。完成 Relay 插件设置后,您可以快速进入相应阶段,能够看到界面在 Android Studio 中显示。我们建议您坚持学习!

此教程介绍如何在 Figma 中创建一个基本的卡片组件,并将其导入 Android Studio 中,您可以在 Android Studio 中查看生成的代码。您将了解如何执行以下操作:

在 Figma 中

  1. 在 Figma 中设计界面组件。
  2. 使用 Figma 插件创建界面软件包。
  3. 保存设计已命名的版本。
  4. 与开发者分享 Figma 网址。

在 Android Studio 中:

  1. 使用 Figma 网址,将界面软件包导入项目。
  2. 通过构建项目,生成 Jetpack Compose 代码。
  3. 在项目的界面代码中,添加对生成的可组合项项的引用。
  4. 运行项目。

下一步

首先,在 Figma 中设计并创建界面软件包