5.4. ui_tool

5.4.1. 杰理UI设计工具(JieLiGuiBuilder)介绍

杰理UI设计工具(JieLiGuiBuilder)，通过GUI界面快速生成基于lvgl的代码，并结合公司的芯片，快速实现HMI应用开发。

../../_images/img1.png

5.4.2. 工具概述

  • 中文名称： UI设计工具

  • 英文名称： JieLiGuiBuilder

  • 核心功能： 通过可视化界面快速生成基于LVGL框架的嵌入式UI代码

  • 使用平台： Windows 7及以上的64位操作系统

5.4.3. 获取与安装

  • 安装步骤：

    从阿里云盘下载最新版本压缩包

    解压下载的文件包

    双击运行 JieLiGuiBuilder.exe 即可启动程序

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

../../_images/img2.png

5.4.4. 核心概念说明

  • 首页功能区

    项目管理： 工具中创建和管理的所有UI项目

    回收站： 临时存放已删除项目，支持彻底删除或恢复

    本地存储： 项目文件在操作系统中的实际存储位置

    在线市场： 登录后可访问的资源市场，提供内核、插件等在线资源

    内核系统： 项目依赖的嵌入式核心，包含LVGL库及杰理开发的专属控件库

    开发板配置： 用户自定义开发板配置目录，支持快速交叉编译固件

    资源管理： 项目所需的图片、字体等资源文件

    插件中心： 已安装或可下载的功能插件列表

  • 主界面功能区域

    工具栏：

    编译控制：编译｜停止｜清理

    运行调试：预览｜仿真

    构建部署：打包｜下载

    功能模块：代码｜资源｜事件｜动画｜场景｜模型｜工程

    编辑工具：撤销｜重做｜对齐｜排序

    侧边栏：

    页面导航：项目所有页面列表

    控件库：基础控件｜容器控件｜组合控件｜自定义控件

    设计画布：可视化UI设计区域

    输出窗口：编译日志｜运行时输出

    调试控制台：命令行交互界面

    对象管理器：当前页面控件层级结构

    属性编辑器：控件属性｜样式｜事件配置

    菜单系统：

    项目：新建｜打开｜保存｜属性｜导出

    运行：编译｜仿真｜清理｜打包｜下载

    编辑：页面管理｜对齐工具｜排序工具｜复制粘贴｜搜索｜边框设置

    视图：界面布局控制

    资源：多媒体资源管理

    工具：辅助工具集

    帮助：文档｜设置｜更新｜关于

    插件：扩展功能管理

  • 控件分类

    基础控件： LVGL原生基础组件

    容器控件： LVGL原生容器组件

    菜单控件： 杰理开发的专属菜单组件（以库形式提供）

    组合控件： 由基础控件组合而成的复合组件

    自定义控件： 杰理开发的专属组件（以库形式提供）

  • 属性配置体系

    基础属性：坐标｜尺寸｜可见性等基本参数

    样式系统：

    支持多状态样式（默认｜按下｜选中等）

    支持CSS式样式配置（颜色｜字体｜边框｜圆角等）

    模块化样式（针对复杂控件的不同部件）

    事件系统：可视化事件绑定与管理