HarmonyOS AI辅助编程工具(CodeGenie)UI生成

鸿蒙时代
发布于 2025-7-10 11:24
浏览
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启用。

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区


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

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区


三、开始使用

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

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区

输入待配置项路径,点击Next进入下一步。

待配置项

说明

Installation package path

待转换的应用包文件路径。请提供未混淆的Debug版本应用包

SDK path

等于或高于编译应用包所使用版本的SDK路径

Git Bash path

Git Bash工具存放路径。若本地已下载安装Git Bash,插件将自动获取其路径

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区

选择将要生成的XML页面(可在搜索框进行搜索),勾选后点击向右箭头将选中的XML导入至右侧。点击Next开始生成。

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区

配置输出工程待配置项,点击Finish进行生成。

待配置项

说明

Destination Path

生成新工程的保存路径(默认生成到用户目录下UIGenerationProjects,用户可根据需要自行更改)

Compatible SDK

生成的新工程所使用的SDK版本

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区

(可选)如果所选XML无有效根节点,需要选择根节点信息。

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区

点击Finish,在弹窗中点击确认,打开新工程,生成的页面位于entry > src > main > ets > pages目录下,可以在Previewer中查看页面预览效果。

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区

生成的新工程内的entry > src > main > resources目录包含文本、图像、颜色资源。

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区

不支持生成的组件、属性会以注释的形式给

HarmonyOS AI辅助编程工具(CodeGenie)UI生成-鸿蒙开发者社区

,方便后续定位修改。


以上材料主要参考引用HarmonyOS官方文档。

分类
标签
1
收藏
回复
举报
回复
    相关推荐