可视化界面设计器——不写 XML 也能画界面
UI Designer 是什么
UI Designer 是 AIDE 生态中专门负责 Android 界面可视化设计的独立应用。安装后可以：
- 独立运行 — 启动后自动创建一个空白布局，单独进行设计
- 嵌入 AIDE — 在编辑 XML 布局时点 Design 按钮，自动打开设计器
基本操作流程
新建布局
启动 UI Designer 后自动创建一个新的空布局。也可以在侧边栏创建多个布局文件。
添加 View
- 从侧边栏拖拽 Widget（Button、TextView、EditText、ImageView 等）到画布
- 或在画布上长按空白处选择要添加的组件类型
编辑属性
选中画布上的某个 View，属性面板会显示该 View 的所有可配置属性。修改属性后画布实时更新。
层级管理
左侧的 View Hierarchy 树展示当前布局的完整层级结构。点击任意节点可以快速选中画布上对应的 View。
与 AIDE 主应用的集成
当两个应用都安装后，集成非常顺滑：
- 在 AIDE 中打开 main.xml
- 点 Design 按钮
- UI Designer 自动打开并加载该布局
- 在设计器里修改 → 自动同步回 AIDE 的 XML 文件
- 切回 AIDE 时 XML 已经更新好了
导出与共享
设计器支持以下方式导出布局：
| 方式 | 说明 |
|---|---|
| 直接编辑（推荐） | 通过 AIDE 集成，XML 自动同步 |
| 复制粘贴 | 设计器里复制 XML，粘贴到任意编辑器 |
| Share | 通过 Android 分享菜单发送 XML 文本到其他 App |
适用场景
推荐购买的情况：
- 觉得手写 XML 太累，喜欢"所见即所得"
- 需要频繁调整布局，想快速试错
- 不熟悉 Android XML 布局语法，想先画出效果再看生成的 XML 学习
可以不买的情况：
- 已经熟悉 Android XML，手写效率不低
- 只需要偶尔调整布局，内置 Design 预览够用
- 项目用 ConstraintLayout 等复杂布局（UI Designer 对 ConstraintLayout 支持不完整）