前言

UI设计工具(JieLiGuiBuilder)使用指南

工具概述

• 中文名称：UI设计工具
• 英文名称：JieLiGuiBuilder
• 核心功能：通过可视化界面快速生成基于LVGL框架的嵌入式UI代码
• 适用平台：Windows 7及以上64位操作系统

获取与安装

云盘地址：阿里云盘
下载地址: https://www.alipan.com/s/UJrsK96oLPC
Gitee: https://gitee.com/Jieli-Tech/fw-AC792_SDK/
硬件资料1: 792x上创建空白UI模板方法
硬件资料2: AC792N开发-入门到进阶开发指导文档
硬件资料3: AC792 开源项目文档

安装步骤：

• 从阿里云盘下载最新版本压缩包
• 解压下载的文件包
• 双击运行JieLiGuiBuilder.exe即可启动程序

公众号：杰理科技官方微信公众号

核心概念说明

首页功能区

• 项目管理：工具中创建和管理的所有UI项目
• 回收站：临时存放已删除项目，支持彻底删除或恢复
• 本地存储：项目文件在操作系统中的实际存储位置
• 在线市场：登录后可访问的资源市场，提供内核、插件等在线资源
• 内核系统：项目依赖的嵌入式核心，包含LVGL库及杰理开发的专属控件库
• 开发板配置：用户自定义开发板配置目录，支持快速交叉编译固件
• 资源管理：项目所需的图片、字体等资源文件
• 插件中心：已安装或可下载的功能插件列表

主界面功能区域

工具栏：

• 编译控制：编译｜停止｜清理
• 运行调试：预览｜仿真
• 构建部署：打包｜下载
• 功能模块：代码｜资源｜事件｜动画｜场景｜模型｜工程
• 编辑工具：撤销｜重做｜对齐｜排序

侧边栏：

• 页面导航：项目所有页面列表
• 控件库：基础控件｜容器控件｜组合控件｜自定义控件
• 设计画布：可视化UI设计区域
• 输出窗口：编译日志｜运行时输出
• 调试控制台：命令行交互界面
• 对象管理器：当前页面控件层级结构
• 属性编辑器：控件属性｜样式｜事件配置

菜单系统：

• 项目：新建｜打开｜保存｜属性｜导出
• 运行：编译｜仿真｜清理｜打包｜下载
• 编辑：页面管理｜对齐工具｜排序工具｜复制粘贴｜搜索｜边框设置
• 视图：界面布局控制
• 资源：多媒体资源管理
• 工具：辅助工具集
• 帮助：文档｜设置｜更新｜关于
• 插件：扩展功能管理

控件分类

• 基础控件：LVGL原生基础组件
• 容器控件：LVGL原生容器组件
• 菜单控件：杰理开发的专属菜单组件（以库形式提供）
• 组合控件：由基础控件组合而成的复合组件
• 自定义控件：杰理开发的专属组件（以库形式提供）

属性配置体系

• 基础属性：坐标｜尺寸｜可见性等基本参数
• 样式系统：
  • 支持多状态样式（默认｜按下｜选中等）
  • 支持CSS式样式配置（颜色｜字体｜边框｜圆角等）
  • 模块化样式（针对复杂控件的不同部件）
• 事件系统：可视化事件绑定与管理