LVGL Editor即将发布其正式版本LVGL Pro
LVGL官方的UI编辑器LVGL Pro发布v1.0候选版本,当前已发布的v1.0-rc2包含所有主要功能。
历史 链接到标题
2024年7月 LVGL 团队宣布启动 UI 编辑器的开发工作,旨在为嵌入式设备的 UI 设计提供更高效、更友好的工具。
https://forum.lvgl.io/t/work-began-on-lvgls-ui-editor/17091
前3个版本都叫做LVGL Editor,在经历3个版本发布后,于2025年10月6日发布了v1.0-rc2版本作为发布后选版本,并正式命名为LVGL Pro
https://forum.lvgl.io/t/lvgl-pro-editor-v1-0-release-candidate-is-available/22374
介绍 链接到标题
LVGL 的 UI 编辑器正式命名为 LVGL Pro。官方网站为 https://pro.lvgl.io/。 LVGL Pro 是为专业开发人员设计的工具,旨在帮助开发人员:
- 使用可重用组件构建用户界面。
- 测试和验证工作。
- 促进团队高效协作。
LVGL Pro 的组成 链接到标题
LVGL Pro含有下面四个工具:
- XML 编辑器:LVGL Pro 的核心工具,用 XML 构建组件和Screen,管理数据绑定、翻译、动画、测试等。
- 在线分享:在线版本的XML 编辑器,可以直接打开github上面的LVGL XML项目,进行共享开发。
- CLI 工具:命令行工具,用于验证XML的合法性,并将XML转换为C代码,也可以在CI/CD环境中运行UI测试。
- Figma 插件:直接从 Figma 同步和提取样式。
当前版本 链接到标题
当前发布的版本为 v1.0-rc2,包含所有主要功能,如数据绑定、动画、翻译等。可通过https://github.com/lvgl/lvgl_editor/releases/tag/v1.0.0-rc2下载,也可以在 https://viewer.lvgl.io/ 上试用。
商业模式 链接到标题
LVGL Pro是闭源工具,提供免费版本,适合小型团队和独立开发者。定价计划见https://pro.lvgl.io/pricing
对于免费版本目前只提到在线版本可以使用全部的LVGL Pro特性,没有提及是否提供免费的离线桌面版本。
目前LVGL收费服务主要是
- 代设计UI(150刀/小时)
- 针对特定开发板做优化和支持(5000刀/板)
- 与芯片/板卡厂商合作(3000刀/月)
- 资讯服务(150刀/小时)
这些收费服务的边际成本都较高,也就是一份投入无法多次出售。而现在新增加的LVGL Pro采用订阅式,一份软件可以多次售卖,虽然还是有维护的人力成本,但比现有的其它收费服务要低得多。同时基于LVGL Pro的良好设计和使用体验,该工具或者可以成为LVGL一个比较好的盈利点。
试用感受 链接到标题
在0.3版本下初步使用了一下,下面主要是针对XML编辑器的感受。
一个现代化的UI设计工具,其采用声明式 UI 框架让开发者更注重结果。主要特点如下:
- 可以在预览中实时看到组件
- widgets的大小,填充可以使用检查(inspector)工具来可视化调整
- 自动补全
- 支持编写和运行UI测试
- 通过
subject
来实现数据绑定非常方便 - 支持多语言
整体来说LVGL Pro的上手比较容易,由于其XML编辑器提供了自动补全和预览,在做UI Layout的效率上不输拖拽式的工具。其预览的检查工具也可以很方便的通过拓拽调整组件的位置和大小。数据绑定和事件处理方式简单易用。测试工具能够自动化比较UI画面结果。
目前官方已经放出了比较完整的文档https://docs.lvgl.io/master/details/xml/index.html,后续本博客将基于该文档出系列连载介绍LVGL Pro中XML编辑器和XML声明式UI的用法,并探讨其导出的C代码如何和Zephyr整合。