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 面板会列出它的所有可设属性：
