SquareLineStudio

SquareLine Studio 是一个专为 LVGL 图形库设计的可视化界面开发工具,由 LVGL 团队官方推出。它旨在帮助开发者快速设计和生成基于 LVGL 图形库 的用户界面。这个工具集成了图形设计、事件管理和代码生成等功能,使开发者可以通过拖拽和简单配置来完成复杂界面设计,无需深入学习底层 LVGL API。

SquareLine Studio官网下载

创建工程

打开 SquareLine Studio 如下图所示

guinew

参数 说明 选项/值
Project Name 工程名 自定义(不建议修改)
工程存放的位置 工程存放的位置 自定义(不同的工程需要指定不同的存放路径)
Resolution 屏幕分辨率,根据硬件屏幕的实际分辨率来设置。可以查看屏幕手册或询问硬件提供人员。 如 320x240、480x320、800x480 等
Rotation 设置屏幕的旋转方向。 0°(横屏)、90°(竖屏)、180°(上下颠倒)、270°(逆时针旋转 270°)
Offset 设置屏幕内容的偏移量,通常用于有效显示区域不在起始位置时。 (0, 0)(默认),例如 (10, 10)
Shape 屏幕的物理形状,影响显示内容布局。 Rectangular(矩形)、Circle(圆形)
Color Depth 屏幕每个像素的颜色数据位数,影响颜色显示质量和存储空间。 8 bit、16 bit(RGB565)、16 bit swap(BGR565)、32 bit(ARGB8888)
LVGL Version LVGL 图形库的版本。选择与项目使用的 LVGL 版本一致。 根据需要选择,例如 v7.x、v8.x 等
Theme LVGL 提供的 UI 样式和设计预设。 Default(默认)、Material(现代化)、Mono(黑白)、自定义主题
Multilanguage 是否支持界面多语言显示。 Enable(启用)、Disable(禁用)

Color Depth:选择硬件所支持的位数

  • 8 位:每个像素用 8 位表示,通常用于黑白显示或色彩非常有限的设备(最多 256 种颜色)。

  • 16 位(RGB565):支持 65,536 种颜色,常用于嵌入式设备。

  • 16 位 swap:与 16 bit(RGB565)相同,只是字节顺序颠倒,通常用来匹配硬件的特定要求。

  • 32 位(ARGB8888):支持全彩和透明度,适合高端设备。

Multilanguage:是否支持界面的多语言显示。

  • 如果你的设备需要切换语言(如中文/英文界面切换),选择 Enable。
  • 不需要多语言时可禁用,减少代码和内存占用。

界面介绍

修改创建项目时的一些参数

image-20250104231706551