构建和传播设计更新
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
在本部分中,您将学习如何在 Figma 中更改组件(在本例中是更改文本的格式),以及如何在 Android Studio 中对之前的项目进行进一步构建,从而查看传播到代码库的更改。
在 Figma 中进行更改
我们在 Figma 组件中进行更新。返回您的 Figma 文件:
选择 Title 文本层。在文本部分,将样式更改为粗体。
保存已命名的版本
现在,将更新后的组件集成到代码库中。为了确保开发者使用的是组件的新版本,请重复执行保存版本的步骤。
如果 Figma Relay 插件尚未打开,请将其打开。
点击与开发者分享。
在与开发者分享屏幕中,您可以在保存版本记录部分输入新的版本名称和说明。
如要将新链接复制到剪贴板,请在 Mac 上按 CMD-L 或在 Windows 上按 CTRL-L (在键盘上)。
更新组件代码
现在,我们重新导入该组件:
在 Android Studio 中,确保“Project”工具窗口处于 Android view 中。
然后右键点击 app/ui-packages/hello_card/
,并选择 Update UI Package。
等待右下角的加载进度条显示完成:
点击 构建项目,然后在 app/java/com/example/hellofigma/MainActivity.kt
的预览中查看更新后的组件。请注意,文本现在以粗体显示了。
运行应用即可在模拟器中查看相同的更新。
后续步骤
现在我们已经更新了设计,并看到生成的代码也相应更新了。接下来,我们可以着手为设计添加注解,这要通过允许在组件中使用变量数据的内容参数来实现。
为您推荐
本页面上的内容和代码示例受内容许可部分所述许可的限制。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。"]]