HarmonyOS 鸿蒙Next DevEco Studio在写界面时是否支持直接将组件拖到预览器上自动生成代码

类似Qt和安卓开发那样，在显示框可以拖动图示，DevEco Studio在写界面的时候，可以直接把组件拖到预览器上自动生成代码吗？

htzhanglong 1楼•2 天前

好像是有个可视化工具，去官网找找，应该就是类似AS的na'ge'gong'neng

yuanlaile 2楼•2 天前

你说的是可视化创建界面，预览器是写好的UI组件代码快速展示效果的工具，不是UI开发的工具，旧版 3.1.1 中有开启 super visual 功能可进行组件拖拽进行布局，NEXT IDE 中此功能消失，不过可用 CodeGenie AI 辅助生成UI，输入UI的文字描述即可生成相应代码模板。

caililin 3楼•2 天前

HarmonyOS 鸿蒙Next DevEco Studio在写界面时是否支持直接将组件拖到预览器上自动生成代码

HarmonyOS 鸿蒙Next的DevEco Studio在写界面时，目前不支持直接将组件拖到预览器上自动生成代码。虽然旧版DevEco Studio（如3.1.1版本）中曾存在super visual功能，允许通过拖拽组件进行布局，但在后续版本中，此功能已被移除。不过，开发者仍可利用DevEco Studio中的其他功能来提高开发效率，例如：

CodeGenie AI辅助生成UI：输入UI的文字描述，即可生成相应的代码模板。
双向预览功能：支持ets文件与预览器界面的双向预览，实现代码编辑器、UI界面和Component Tree组件树三者之间的联动，提高开发调试效率。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。