告别手写UI代码 | 匠芯创UIBuilder嵌入式界面开发指南
在嵌入式图形界面开发中,逐行编写LVGL布局代码、反复调整像素位置、每次UI改动都要重新编译烧录验证——这些重复劳动不仅拉长了研发周期,也增加了项目维护成本。团队协作时控件风格难以统一,多语言适配更是涉及大量代码改动,本应用于产品创新的精力,大量消耗在重复性工作上。
匠芯创UIBuilder正是面向上述痛点推出的可视化GUI开发工具。基于LVGL图形库构建,提供从界面设计、代码生成、模拟仿真到SDK集成的完整工具链,帮助开发团队以更低成本、更高效率完成嵌入式UI交付。

工具定位与硬件平台支持
UIBuilder是匠芯创自主研发的GUI开发工具,底层基于LVGL构建。开发者通过拖拽控件即可完成专业级UI设计,一键导出代码集成至SDK,无需手写LVGL布局代码。其核心价值在于:可视化拖拽布局、一键生成LVGL C代码(支持V8.3/V9.1双版本)、自动代码与用户业务逻辑安全隔离、直接接入Luban-Lite SDK快速部署。
当前UIBuilder已适配匠芯创多条工业级SoC/MCU产品线,覆盖从高性能显控到低功耗物联网终端的广泛场景:

三步完成嵌入式UI开发
第一步:可视化拖拽设计
开发者可从控件面板直接拖拽30余种基础控件(按钮、列表、滑块、图表、仪表盘等),通过鼠标调整位置、尺寸与属性,实时预览布局效果。
第二步:一键生成高质量代码
设计完成后点击“生成代码”,UIBuilder自动输出完整的LVGL C工程,目录结构如下:

其中custom/目录为业务逻辑编写区域。当UI设计变更并重新生成代码时,该目录下的用户代码不会被覆盖,确保迭代过程平稳可控。
第三步:一键部署至SDK
生成后的ui_builder文件夹可直接复制到Luban-Lite SDK指定目录(如packages/artinchip/lvgl-ui/aic_demo/),在工程配置中添加路径和库依赖,即可编译烧录,VSCode用户还可通过插件集成获得代码级调试支持。
核心特色功能
特色一:可视化事件流
传统方式实现按钮点击跳转需手动编写事件回调函数;UIBuilder中,开发者通过流程图直观配置交互逻辑——在Screen页面添加控件,右键设置事件,配置Clicked事件处理即可完成。全过程图形化拖拽完成,显著降低学习成本,逻辑关系一目了然,便于后期维护。
特色二:矢量字体裁剪
嵌入式系统存储空间有限,完整TTF/OTF字库体积过大。UIBuilder内置字体裁剪工具,支持导入实际项目所用字符集(如仅保留中英文及数字),一键生成精简字体文件,有效控制资源占用。
操作路径:工具 → 字体裁剪 → 选择字体 → 导入字符集 → 生成裁剪文件。
特色三:多国语言切换
面向海外市场的产品常需适配多语言。UIBuilder支持在项目中设置多语言变量及对应翻译文本,生成代码后通过简单API即可切换界面语言,无需改动核心逻辑,大幅降低国际化适配成本。
特色四:丰富的官方示例模板
UIBuilder内置多套完整项目模板,既可直接作为开发起点,也适合作为学习参考:

完整示例:温度监控界面的开发流程
以“温度监控界面”为例,演示从新建项目到开发板运行的全过程:
新建项目:填写项目名称,选择目标分辨率和LVGL版本(V8.3或V9.1);
拖拽设计:依次放置仪表盘(温度显示)、“开始监控”/“停止监控”按钮、滑动条(报警阈值设置)及状态标签,利用对齐辅助线完成布局;
事件配置:通过可视化事件流为“开始监控”按钮添加串口读取触发逻辑,为“停止监控”按钮添加停止逻辑,并将仪表盘数据更新与串口接收事件关联;
资源准备:导入图标图片,配置中文字体并裁剪字符集;
仿真验证:点击“仿真运行”,在PC端验证交互逻辑与视觉效果,按需调整配色和动效;
生成与部署:生成代码,将ui_builder文件夹复制至SDK,配置工程并编译烧录至开发板。
若需求与现有模板匹配,可直接基于模板修改,进一步缩短开发周期。
版本演进历程
自发布以来,UIBuilder保持高频迭代,持续完善功能生态。最新版本v2.2.0新增了图片格式转换小工具,支持将常见图片格式一键转换为嵌入式系统适用的aicp格式;player控件现已支持以APNG动图为视频源;同时允许为每个项目独立设置SDK路径,进一步优化了多项目并行开发的体验。

生态与兼容性
UIBuilder与LVGL始终保持同步更新,支持V8.3和V9.1双版本。配合匠芯创Luban-Lite SDK,提供局部刷新优化、2D接口规范和多种显示格式支持,确保UI动态效果清晰流畅。
技术兼容是基础,更关键的是工具本身的定位与演进方向。UIBuilder始终围绕一个目标:成为专业、稳定、高效的嵌入式UI开发基础设施。它并不试图将开发过程“黑盒化”,而是通过自动化手段将重复性劳动标准化,让开发者将精力真正聚焦于产品差异化和核心功能创新上。
谁适合使用UIBuilder?
嵌入式开发新手:无需深入LVGL底层,通过可视化操作即可快速产出合格UI,大幅降低入门门槛;
资深开发者:将重复性工作(布局调整、字体配置、多语言适配等)交由工具处理,聚焦核心业务逻辑,缩短项目周期;
产品/UI设计师:直接参与界面落地,所见即所得,无需反复与开发沟通尺寸和效果,设计稿即最终产品;
团队协作:通过预设样式库和标准化代码结构,确保团队内设计风格统一、代码可维护性强。
学习资源
匠芯创为开发者提供了完善的学习支持体系:
官方文档:AIC文档中心提供完整的产品文档、用户手册和硬件指南(https://aicdoc.artinchip.com);
视频教程:B站/视频号"匠芯创UiBuilder介绍"系列视频,涵盖工具使用、LVGL开发及SDK集成等多个专题;
实战教程:衡山派开发板Wiki详细讲解了从安装到对接SDK的全流程;
线下培训:匠芯创定期在线上、线下举办GUI软件与工具培训会培训会,提供现场实操指导。
下载体验
Gitee下载:
https://gitee.com/artinchip/tools
官网下载:
https://aicdoc.artinchip.com/topics/product/download-doc-tool-zip.html
