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启用。

图片8.png

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

图片9.png

 三、 开始使用

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

图片10.png

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

待配置项 说明
Installation package path 待转换的应用包文件路径。请提供未混淆的Debug版本应用包
SDK path 等于或高于编译应用包所使用版本的SDK路径
Git Bash path Git Bash工具存放路径。若本地已下载安装Git Bash,插件将自动获取其路径

图片11.png

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

图片12.png

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

待配置项 说明
Destination Path 生成新工程的保存路径(默认生成到用户目录下UIGenerationProjects,用户可根据需要自行更改)
Compatible SDK 生成的新工程所使用的SDK版本

图片13.png

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

图片14.png

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

图片15.png

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

图片16.png

不支持生成的组件、属性会以注释的形式给出,方便后续定位修改。

图片17.png

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

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐