全站
产品系列
技术经验
新闻
大家都在搜:
81

新闻中心

洞察最新产品和趋势

告别手写UI代码 | 匠芯创UIBuilder嵌入式界面开发指南

分类:新闻资讯
发布日期: 2026-06-18

在嵌入式图形界面开发中,逐行编写LVGL布局代码、反复调整像素位置、每次UI改动都要重新编译烧录验证——这些重复劳动不仅拉长了研发周期,也增加了项目维护成本。团队协作时控件风格难以统一,多语言适配更是涉及大量代码改动,本应用于产品创新的精力,大量消耗在重复性工作上。

匠芯创UIBuilder正是面向上述痛点推出的可视化GUI开发工具。基于LVGL图形库构建,提供从界面设计、代码生成、模拟仿真到SDK集成的完整工具链,帮助开发团队以更低成本、更高效率完成嵌入式UI交付。

null

工具定位与硬件平台支持

UIBuilder是匠芯创自主研发的GUI开发工具,底层基于LVGL构建。开发者通过拖拽控件即可完成专业级UI设计,一键导出代码集成至SDK,无需手写LVGL布局代码。其核心价值在于:可视化拖拽布局、一键生成LVGL C代码(支持V8.3/V9.1双版本)、自动代码与用户业务逻辑安全隔离、直接接入Luban-Lite SDK快速部署。

当前UIBuilder已适配匠芯创多条工业级SoC/MCU产品线,覆盖从高性能显控到低功耗物联网终端的广泛场景:

null

三步完成嵌入式UI开发

第一步:可视化拖拽设计

开发者可从控件面板直接拖拽30余种基础控件(按钮、列表、滑块、图表、仪表盘等),通过鼠标调整位置、尺寸与属性,实时预览布局效果。

第二步:一键生成高质量代码

设计完成后点击“生成代码”,UIBuilder自动输出完整的LVGL C工程,目录结构如下:

ScreenShot_2026-06-18_173113_269.png

其中custom/目录为业务逻辑编写区域。当UI设计变更并重新生成代码时,该目录下的用户代码不会被覆盖,确保迭代过程平稳可控。

第三步:一键部署至SDK

生成后的ui_builder文件夹可直接复制到Luban-Lite SDK指定目录(如packages/artinchip/lvgl-ui/aic_demo/),在工程配置中添加路径和库依赖,即可编译烧录,VSCode用户还可通过插件集成获得代码级调试支持。

核心特色功能

特色一:可视化事件流

传统方式实现按钮点击跳转需手动编写事件回调函数;UIBuilder中,开发者通过流程图直观配置交互逻辑——在Screen页面添加控件,右键设置事件,配置Clicked事件处理即可完成。全过程图形化拖拽完成,显著降低学习成本,逻辑关系一目了然,便于后期维护。

特色二:矢量字体裁剪

嵌入式系统存储空间有限,完整TTF/OTF字库体积过大。UIBuilder内置字体裁剪工具,支持导入实际项目所用字符集(如仅保留中英文及数字),一键生成精简字体文件,有效控制资源占用。            
操作路径:工具 → 字体裁剪 → 选择字体 → 导入字符集 → 生成裁剪文件。

特色三:多国语言切换

面向海外市场的产品常需适配多语言。UIBuilder支持在项目中设置多语言变量及对应翻译文本,生成代码后通过简单API即可切换界面语言,无需改动核心逻辑,大幅降低国际化适配成本。

特色四:丰富的官方示例模板

UIBuilder内置多套完整项目模板,既可直接作为开发起点,也适合作为学习参考:

null

完整示例:温度监控界面的开发流程

以“温度监控界面”为例,演示从新建项目到开发板运行的全过程:

  • 新建项目:填写项目名称,选择目标分辨率和LVGL版本(V8.3或V9.1);

  • 拖拽设计:依次放置仪表盘(温度显示)、“开始监控”/“停止监控”按钮、滑动条(报警阈值设置)及状态标签,利用对齐辅助线完成布局;

  • 事件配置:通过可视化事件流为“开始监控”按钮添加串口读取触发逻辑,为“停止监控”按钮添加停止逻辑,并将仪表盘数据更新与串口接收事件关联;

  • 资源准备:导入图标图片,配置中文字体并裁剪字符集;

  • 仿真验证:点击“仿真运行”,在PC端验证交互逻辑与视觉效果,按需调整配色和动效;

  • 生成与部署:生成代码,将ui_builder文件夹复制至SDK,配置工程并编译烧录至开发板。

若需求与现有模板匹配,可直接基于模板修改,进一步缩短开发周期。

版本演进历程

自发布以来,UIBuilder保持高频迭代,持续完善功能生态。最新版本v2.2.0新增了图片格式转换小工具,支持将常见图片格式一键转换为嵌入式系统适用的aicp格式;player控件现已支持以APNG动图为视频源;同时允许为每个项目独立设置SDK路径,进一步优化了多项目并行开发的体验。

null

生态与兼容性

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

样品申请
*姓名
*职位
*公司名称
*邮箱
*联系电话
*公司地址
公司网址(选填)
员工人数(选填)
*项目名称
*应用领域
*芯片型号
*芯片用量
*项目量产时间