编辑器是可视化的设计界面，用于构建项目的界面与组件。本指南介绍编辑器的界面及其组成部分。
概述
以编辑模式打开项目即进入编辑器。编辑器提供实时渲染、支持拖放的画布，用于设计 LVGL 界面：组件拖到画布上，靠对齐辅助线排布，再到检查器里定制样式与属性。
编辑器界面由以下区域组成，各司其职：
| 区域 | 职责 |
|---|---|
| 工具栏 | 视图切换、预览、撤销/重做、保存、构建、导出与设置等命令操作。 |
| 导航器 | 导航并管理项目的界面与组件。 |
| 检查器 | 检查组件属性、编辑事件，并查看文档编辑历史。 |
| 状态栏 | 显示编辑状态与文档同步状态，并提供底部面板。 |
| 画布 | 实时渲染并编辑组件的中央区域。 |
| 设置 | 配置界面语言、主题、画布行为与项目。 |
| 预览 | 运行项目的实时渲染模拟。 |
界面组件
工具栏
工具栏承载当前文档的命令操作：在编辑器、资源、字体库、全局样式与代码视图之间切换；切换预览与 LVGL 运行时版本；主页、新建项目、撤销/重做、保存、构建并运行、导出；以及打开设置。参见工具栏指南。
导航器
导航器包含界面树与组件树，中间以可拖动分隔条分开，支持创建、复制、重排与删除界面，选择与重设组件父级，以及切换可见性与锁定状态。参见导航器指南。
检查器
检查器包含三个选项卡：检查器（组件属性与样式）、事件（交互处理）与历史（文档编辑历史）。它支持单选、多选与同类型多选，并适配当前激活的 LVGL 运行时版本。参见检查器指南。
状态栏
状态栏显示对象数量、选中项、显示分辨率、保存状态、运行时版本与最近构建时间等编辑状态，并提供合规与运行时状态徽标，点击可唤起对应的底部面板。参见状态栏指南。
画布
画布是编辑器的中央区域，组件在此放置、选择、移动、缩放与排列。画布实时渲染组件，设计改动立即可见。参见画布指南。
设置
设置对话框把配置分为通用（语言、主题、画布）、项目（显示配置、代码导出文件夹、自动保存）与关于几组。参见设置指南。
预览
点击预览按钮可切换到预览模式，组件行为以实时渲染模拟呈现，与最终实现一致。参见预览指南。