LVGL gui designer for Aiinone-IDE

中文详情

该插件由“领头羊”团队联合 Aiinone-IDE 打造的 LVGL 开源 UI 设计工具，传承 LVGL 开源之精神，期望更多志同道合的开发者来共创、共享、共赢。

特别感谢

1. 感谢全志代理商深圳市汉欣诺电子有限公司( http://www.hixino.com.cn )提供 F1C200/F1C100/F133 等开发平台；
2. 感谢 kaiakz 大佬提供的开源基础版本和思路( https://github.com/kaiakz/walv ), 如有认识 kaiakz 大佬的朋友，请帮忙引荐，万分感谢；
3. 感谢开发过程中提供帮忙的热心朋友。

插件主要功能

• 支持拖拽修改控件位置
• 支持修改控件风格和属性
• 支持生成/导出 C 和 MicroPython 代码
• 支持多页面
• 支持页面保存和恢复
• 支持配置编译/下载脚本
• 支持修改分辨率

插件主界面区域介绍

• 1 区域-工具栏：根据布局生成/导出指定类型代码；根据设置脚本，编译/下载代码
• 2 区域-控件列表：添加/删除控件
• 3 区域-控件层级列表：展示控件布局层级关系
• 4 区域-布局编辑区：拖拽控件调整控件位置；预览生成代码
• 5 区域-控件属性编辑区：编辑控件风格和相关属性
• 6 区域-模拟器终端
• 7 区域-分辨率编辑区：根据实际设备设置对应的分辨率

插件使用方法

1. 下载和安装 Aiinone-IDE 和 Inone-SDK，请参考文档
2. 新建工程。请参考新建工程文档，应用类型 选择 LVGL
3. 打开 layout 目录下的布局文件(*.lty)
4. 添加控件。从 2区域-控件列表 添加控件到 4区域-布局编辑区
5. 点击 Export 导出根据布局生成的代码
6. 编译。请参考文档
7. 下载。请参考文档

插件安装示意图

插件运行开发 LVGL 界面

插件编译方法

1. 安装相关环境，请参考文档
2. 在终端执行 build.sh pack 生成 vsix 插件包

仓库地址

https://gitee.com/cdaozhi/lty-plugin-lvgl