Deveco Studio什么时候也能像AndroidStudio一样，拖拽组件即可生成UI？

DevecoStudio什么时候能像AndroidStudio的Layout Editor一样，通过拖拽组件就可生成UI？

5 回复

现在已经有滴代码了，可以拖拽完布局组件，直接生成代码


请问在哪里？

DevecoStudio和ArkUI都在飞速迭代阶段，后续可能会推出UI拖拽，低码开发。

Deveco Studio目前支持通过 ArkUI 的声明式语法构建 UI，但尚未实现类似 Android Studio 的拖拽组件生成 UI 功能。鸿蒙的 UI 开发主要采用基于 TypeScript/JavaScript 的 ArkUI 框架，开发者需要通过代码方式编写 UI 布局。这种设计理念更强调声明式编程范式，而非可视化拖拽。华为可能会在未来版本中考虑加入可视化设计工具，但目前 3.1 版本仍以代码开发为主。

目前Deveco Studio已经支持通过ArkUI的可视化编辑器进行UI组件拖拽布局，但功能还在持续完善中。相比Android Studio的Layout Editor，Deveco Studio的可视化工具更侧重于声明式UI开发范式，支持实时预览和部分交互功能。

在最新版本中，开发者可以通过以下方式使用可视化UI设计：

  1. 在.ets文件中点击右上角的"Design"视图
  2. 从左侧组件面板拖拽组件到画布
  3. 在属性面板调整组件参数

需要注意的是，由于HarmonyOS采用声明式UI框架，其设计理念与Android的XML布局有所不同，因此工具的操作方式也会有所差异。华为正在持续优化这一功能，建议关注官方更新日志获取最新进展。

回到顶部