概览
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Relay 可以在设计人员和开发者之间即时移交 Android 界面组件。
设计人员使用 Relay for Figma 插件为界面组件添加注解并进行打包,包括布局、样式、动态内容和交互行为的相关信息,以便于开发者使用。
开发者使用 Relay for Android Studio 插件导入界面软件包,并生成完美像素的 Jetpack Compose 代码。此流程可以提供即时布局和样式实现,并加快数据绑定过程。界面软件包可以包含样式和主题,并引用代码中已有的设计系统组件。
借助 Relay,您无需再受繁琐的设计规范和各种小细节的约束。随着产品不断发展,您可以在整个代码库中逐步更新、扩展和采用界面软件包。
您首先需要使用 Relay for Figma 插件创建界面软件包,在界面软件包创建完成之后,再使用 Relay for Android Studio 插件将界面软件包转换为 Jetpack Compose 代码。
借助 Relay for Figma 插件,设计人员和开发者可以协作添加内容参数和互动处理程序来捕获设计中的动态元素,并在可组合函数中生成相应的参数。
Relay 团队正在开发对 Material Design 和其他自定义设计系统的支持。目前,我们支持以下两种实验性功能来帮助您在设计系统与 Compose 实现之间设置映射:Figma 样式映射和 Figma 组件映射。
Relay 目前为 Alpha 版产品,欢迎您使用,并告诉我们它在哪些方面能够满足您的需求,以及在哪些方面无法满足您的需要。我们会根据您的反馈,定期发布针对性能、功能和整体工作流进行改进的版本。
后续步骤
Relay 入门的最佳方法是通过教程来体验完整的端到端工作流。在日常使用 Relay 时,您可能仅侧重于部分工作流,但同时了解设计人员和开发者使用 Relay 创建 Android 应用的工作流有助于加深您的理解。
安装 Relay 并开始使用!
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-03-25。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"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": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2024-03-25\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2024-03-25。"]]