Android Studio Layout Editor是XML与可视化实时联动的设计工具，推荐使用Split模式配合Attributes面板高效编辑：拖控件自动生成XML、调属性实时同步、多设备预览不改源码。
Android Studio 的 XML 可视化编辑器（即 Layout Editor）本质是“所见即所得”的界面设计辅助工具，它不替代 XML 编写，而是和代码实时联动——改一边，另一边自动同步。用好它的关键是理解它怎么和 XML 协同工作，而不是把它当成纯拖拽画图工具。
打开并切换到可视化编辑模式
新建或打开一个 activity_main.xml（或其他 .xml 布局文件）后，默认就进入可视化编辑界面。右上角有三个视图按钮：
- Code：只看纯 XML 文本
- Design：只看图形化预览（带控件拖拽区）
- Split：上下/左右分屏，同时显示 XML 代码 + 实时预览（最推荐新手用）
快捷键 Alt+Shift+← 或 →（macOS 是 Ctrl+Shift+← 或 →）可快速在 Code 和 Design/Split 间切换。
从 Palette 拖控件，自动写 XML
右侧的 Palette 面板里分类列出了常用控件（TextView、Button、ImageView、ConstraintLayout 等）。直接拖一个 Button 到预览区域：
- XML 中会自动生成对应
标签 - 默认加在根布局内，位置由当前布局类型决定（比如 ConstraintLayout 会加约束，LinearLayout 会按顺序排）
- 如果根布局没设 ID，编辑器可能提示你先添加 ID —— 这是正常提醒，不是报错
用 Attributes 面板调属性，实时改 XML
选中预览中的某个控件（比如刚拖进来的 Button），右侧 Attributes 面板会列出它的所有可设属性：
- 修改
text：输入 “提交”，XML 中android:text="提交"就同步更新 - 改
layout_width：下拉选match_constraint（ConstraintLayout 专用），XML 自动变成0dp - 点属性名旁的「笔形」图标，可快速绑定字符串资源（转成
@string/btn_submit）
注意：没出现在 Attributes 里的属性，不会写入 XML；手动在 XML 里加了但没在面板显示的，面板也不会自动加载——两者是双向同步，但仅限已声明/已识别的属性。
预览多设备、多配置，提前发现问题
顶部工具栏提供实用预览控制：
- 设备下拉菜单：选 Pixel 4、Foldable、Tablet 等，看布局是否适配
- API 版本切换：比如切到 API 21 和 API 34，检查 Material 组件渲染差异
- 方向按钮（O 键）：一键横竖屏切换，验证 orientation 逻辑
- Theme 下拉：换浅色/深色主题，观察颜色资源是否生效
这些操作都不影响 XML 源码，只是临时渲染效果，适合快速验需求，不用反复跑 App。
基本上就这些。它不复杂，但容易忽略“Split 模式+Attributes 面板”这个黄金组合——边拖边看、边调边写，才是高效编辑 XML 的实际路径。
