编辑器是可视化的设计界面，用于构建项目的界面与组件。本指南介绍编辑器的界面及其组成部分。
概述
以编辑模式打开项目即可进入编辑器。编辑器提供了一个实时、支持拖放的画布，用于设计 LVGL 界面。组件被放置到画布上，借助对齐辅助线进行排列，并通过检查器进行定制。
编辑器界面由若干组件组成，每个组件承担特定职责：
| 组件 | 职责 |
|---|---|
| 工具栏 | 视图切换、预览、撤销/重做、导出与设置等命令操作。 |
| 导航器 | 导航并管理项目的界面与组件。 |
| 检查器 | 检查并编辑选中组件的属性。 |
| 状态栏 | 显示编辑状态与文档同步状态。 |
| 画布 | 实时渲染并编辑组件的中央区域。 |
| 设置 | 配置 UI 与项目。 |
| 预览 | 运行项目的实时渲染模拟。 |
界面组件
工具栏
工具栏承载当前文档的命令操作：在编辑器、资源、字体库与代码视图之间切换；切换预览与 LVGL 运行时版本；主页、新建项目、撤销/重做、导出；以及打开设置。参见工具栏指南。
导航器
导航器包含界面树与组件树。它支持创建、复制、重排与删除界面，选择与重设组件父级，以及切换可见性与锁定状态。参见导航器指南。
检查器
检查器显示选中组件的属性，并允许你编辑它们。它支持单选、多选与同类型多选，并会适配当前激活的 LVGL 运行时版本。参见检查器指南。
状态栏
状态栏显示当前模式、选中项、最近构建时间等编辑状态，并提供合规与运行时状态徽标，用于唤起对应的底部面板。参见状态栏指南。
画布
画布是中央区域，组件在此被放置、选择、移动、缩放与排列。画布实时渲染组件，因此设计改动立即可见。参见画布指南。
设置
设置对话框将通用、项目、UI 与关于配置分组。参见设置指南。
预览
点击预览按钮可将编辑器切换到预览模式，该模式提供与最终实现完全一致的组件行为实时渲染模拟。参见预览指南。