HarmonyOSAI编程UI生成

鸿蒙时代
发布于 2025-8-19 15:21
浏览
0收藏

UI Generator基于BitFun Platform AI能力平台,用于快速生成可编译、可运行的HarmonyOS UI工程,支持基于已有UI布局文件(XML),快速生成对应的HarmonyOS UI代码,其中包含HarmonyOS基础工程、页面布局、组件及属性和资源文件等。

使用约束
建议使用DevEco Studio 5.0.3.700及以上版本。

启用插件
在DevEco Studio菜单栏,点击File > Settings(macOS为DevEco Studio > Preferences)> Plugins,在Installed列表中找到UI Generator插件,点击Enable启用。

HarmonyOSAI编程UI生成-鸿蒙开发者社区

单击OK并关闭设置窗口,插件启用成功。

HarmonyOSAI编程UI生成-鸿蒙开发者社区

开始使用
在菜单栏点击Tools > Generate Project From…打开UI Generator工具,首次使用需要阅读并确认用户协议,确认后可继续使用。

HarmonyOSAI编程UI生成-鸿蒙开发者社区

输入待配置项路径,点击Next进入下一步。
HarmonyOSAI编程UI生成-鸿蒙开发者社区
HarmonyOSAI编程UI生成-鸿蒙开发者社区
选择将要生成的XML页面(可在搜索框进行搜索),勾选后点击向右箭头将选中的XML导入至右侧。点击Next开始生成。
HarmonyOSAI编程UI生成-鸿蒙开发者社区
配置输出工程待配置项,点击Finish进行生成。
HarmonyOSAI编程UI生成-鸿蒙开发者社区
HarmonyOSAI编程UI生成-鸿蒙开发者社区
(可选)如果所选XML无有效根节点,需要选择根节点信息。
HarmonyOSAI编程UI生成-鸿蒙开发者社区

点击Finish,在弹窗中点击确认,打开新工程,生成的页面位于entry > src > main > ets > pages目录下,可以在Previewer中查看页面预览效果。
HarmonyOSAI编程UI生成-鸿蒙开发者社区
生成的新工程内的entry > src > main > resources目录包含文本、图像、颜色资源。
HarmonyOSAI编程UI生成-鸿蒙开发者社区
不支持生成的组件、属性会以注释的形式给出,方便后续定位修改。
HarmonyOSAI编程UI生成-鸿蒙开发者社区
本文主要从参考引用自HarmonyOS官方文档

分类
标签
已于2025-8-19 15:21:55修改
收藏
回复
举报
回复
    相关推荐