victor
发布于

LVGL gui designer for Aiinone-IDE

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

浏览 (124) 点赞 (2) 收藏 分享
评论