工作台使用指南¶

工作台是BEKEN LVGL UI Designer 的核心工作区域，本指南详细介绍工作台各个模块的功能和使用方法。

📐 工作台布局¶

工作台主要分为 5 个功能区域：

五大功能区域¶

1. 画布区域 - 可视化设计的核心区域
2. 组件库 - 丰富的 UI 组件库
3. 组件树 - 组件层级结构管理
4. 属性面板 - 属性和样式编辑
5. 事件系统 - 组件交互事件配置
6. 多语言功能 - 多语言配置和使用
7. 自定义字符 - 自定义字符配置和管理
8. 工具栏 - 项目管理和常用功能

快捷键¶

查看完整的快捷键列表，请参考 快捷键 文档。

---

📚 详细文档¶

点击下方链接查看各模块的详细使用说明：

核心功能模块¶

• 🎨 画布区域
• 视图控制（缩放、平移、网格）
• 标尺和参考线
• 组件操作（添加、选择、移动、调整大小）

• 组件对齐、层级、锁定和隐藏

• 🧩 组件库

• 系统组件库（30+ 种组件）
• 组件分类和搜索

• 自定义组件库的创建和使用

• 🌲 组件树

• 页面管理（创建、切换、删除、重命名）
• 组件层级显示

• 组件操作（选择、重命名、拖拽排序）

• ⚙️ 属性面板

• 基础属性编辑
• 样式编辑器（部件、状态）

• 样式库功能

• 🎯 事件系统

• 事件编辑器使用
• 事件类型和动作类型

• 事件配置和示例

• 🌍 多语言功能

• 项目设置中开启多语言
• 资源管理中配置语言和翻译
• 组件属性启用翻译

• 事件动作中使用多语言

• 🔤 自定义字符

• 启用/禁用自定义字符功能
• 配置字符和字符范围
• FontAwesome 图标支持

• 同步功能自动生成配置

• 🛠️ 工具栏

• 项目信息和保存状态
• 编辑操作（撤销/重做）
• 视图控制
• 资源管理器
• 预览及代码生成

其他¶

• ⌨️ 快捷键
• 通用操作快捷键
• 组件操作快捷键
• 组件调整快捷键

---

相关文档：返回文档首页 | 快速开始 | 常见问题