🌲 组件树¶
组件树以树形结构展示页面和组件的层级关系，是管理复杂界面的重要工具。
3.1 页面管理¶
创建页面¶
- 点击组件树顶部的 "+" 按钮
切换页面¶
- 点击页面切换按钮选择要切换的页面，点击页面名称即可
删除页面¶
- 点击页面切换按钮选择要删除的页面，点击旁边的删除按钮即可
重命名页面¶
- 双击页面名称
- 输入新名称
- 按回车确认
3.2 组件层级显示¶
树形结构¶
- 父组件：可以包含子组件的容器
- 子组件：包含在父组件内的组件
- 缩进显示：子组件会向右缩进，显示层级关系
3.3 组件操作¶
选择组件¶
- 单选：点击组件名称
- 选中的组件在画布和组件树中都会高亮
重命名组件¶
- 双击组件名称
- 输入新名称（建议使用有意义的名称，如 btnSubmit、lblTitle）
- 按回车确认
拖拽排序¶
调整同级顺序 1. 选中组件 2. 拖拽到目标位置 3. 松开鼠标完成排序
父子关系 1. 将组件拖拽到目标父组件上
注意事项： - 只有容器类组件可以作为父组件
组件操作菜单¶
右键点击组件弹出菜单：
- 复制：复制选中的组件
- 删除：删除组件及其所有子组件
- 置顶/置底：调整组件层级
- 显示/隐藏：切换组件可见性
- 锁定/解锁：切换组件锁定状态
- 创建自定义组件：保存为自定义组件模板