编辑器界面概览

本章介绍编辑器主界面的各个区域及其功能，帮助您快速熟悉工作环境。

界面布局

编辑器界面分为以下几个主要区域：

• 顶部标题栏：项目名称、保存、发布按钮、设置入口
• 顶部工具栏：撤销/重做、对齐/分布、编组/锁定、模式切换
• 左侧面板：组件面板、图层列表、页面管理、数据面板、图库
• 中间画布：自由拖拽设计的核心区域
• 右侧属性面板：选中组件后的详细配置

工具栏功能

顶部工具栏包含以下操作：

• 编辑器模式切换：切换连接/选择/预览调试三大编辑器模式
• 撤销/重做：支持多步操作回退与恢复
• 编组：将多个组件合并为一组或拆分编组
• 锁定：锁定组件位置防止误操作
• 删除：删除选中的组件
• 对齐：左/右/上/下/水平居中/垂直居中对齐
• 布局：水平/垂直等间距布局

左侧面板标签页

左侧面板通过标签页切换不同功能：

• 图层：按层级显示所有组件，支持拖拽排序
• 页面：管理工程的页面树结构
• 组件：拖拽组件到画布的组件目录
• 数据：查看和管理数据字段
• 图库：管理图片和图标资源

右侧属性面板

属性面板根据当前画布选中的内容动态切换显示：

• 选中单个组件：显示该组件的可配置项，通常分为"设置"、"样式"和"动效"三个标签页，分别配置组件的功能属性、外观样式和动画效果。
• 选中多个不同类型组件：属性面板按组件类型编组显示可批量编辑的通用属性。
• 选中编组：显示编组的属性配置，包括编组名称和中继器设置。
• 选中管道连线：显示连线的样式和动画配置。
• 画布无选中：属性面板切换为工程设置，包括设备型号选择、配方配置、下发超时等全局设置。