概览
使用收藏夹整理内容 根据您的喜好保存和分类内容。
本基础教程将向您展示 Relay 的设计人员和开发人员工作流程,提供完整的端到端初体验。完成 Relay 插件设置后,您可以快速进入在 Android Studio 中看到 UI 界面显示的阶段。我们鼓励您坚持下去!
本教程将在 Figma 中创建一个基本的卡片组件,并将其导入到 Android Studio 中,您可以在其中查看生成的代码。您将学习如何执行以下操作
在 Figma 中
- 在 Figma 中设计 UI 组件。
- 使用 Figma 插件创建 UI 包。
- 保存设计的名为版本。
- 与开发人员共享 Figma URL。
在 Android Studio 中
- 使用 Figma URL 将 UI 包导入项目。
- 通过构建项目生成 Jetpack Compose 代码。
- 在项目的 UI 代码中添加对生成的组合项的引用。
- 运行项目。
下一步
首先,让我们进行设计并在 Figma 中创建 UI 包。
本页面的内容和代码示例受内容许可中描述的许可证约束。Java 和 OpenJDK 是 Oracle 和/或其关联公司的商标或注册商标。
上次更新时间:2024-03-25 UTC。
[{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"缺少我需要的信息" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"过于复杂/步骤过多" },{ "type": "thumb-down", "id": "outOfDate", "label":"已过时" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"示例/代码问题" },{ "type": "thumb-down", "id": "otherDown", "label":"其他" }]
[{ "type": "thumb-up", "id": "easyToUnderstand", "label":"易于理解" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"解决了我的问题" },{ "type": "thumb-up", "id": "otherUp", "label":"其他" }]
{ "lastModified": "上次更新时间:2024-03-25 UTC。", "confidential": False }