介绍一下 SquareLine Studio 由 Game-Ever 设计的 lvgl 可视化拖拽式UI编辑器

SquareLine Studio

SquareLine Studio 是一个可视化的拖放式 UI 编辑器，可快速轻松地为嵌入式和桌面应用程序创建漂亮的图形用户界面。 SquareLine Studio 针对业余爱好者和专业人士提供便宜且灵活的订阅计划。

官网: https://squareline.io/

酷！但是如何使用？

最近的版本中，官方已经宣布针对个人开发者和社区用户免费授权。

当编辑好界面后，需要确定下工程导出方式，默认为C/C++工程

由于笔者平台限制，没有使用过MicroPython工程，以下默认使用C/C++导出

当点击工具栏Export按钮后，有Export File和Export Project两个选项

• Export File - 导出 ui 文件
  导出工程后，工程目录下存在一名为ui的文件夹，点击Export File后选择该文件夹位置，
  导出后ui文件夹结构如下：
  

  其中ui.c中操作lvgl元素属性位置信息，ui_helpers.c中为封装的一些属性操作
  此时，使用eclipse打开项目工程，在配置好的情况下，即可直接编译模拟运行工程。
  如果不知道如何配置的话，可以参考我的另一篇文章:
  LVGL的使用：运行LVGL的PC模拟器例程
  实际上，如果你使用其他模拟环境，例如codeblocks或vs，仅需要将ui文件夹添加到工程即可。

---

• Export Project - 导出项目工程
  选择导出位置后，会在目标位置创建与工程同名的文件夹，其结构如下：
  
  为标准eclipse工程
  该工程为pc模拟运行工程，基于sdl库，所以使用前需要注意。