SquareLine Studio 是一个专为 LVGL 图形库设计的可视化界面开发工具,由 LVGL 团队官方推出。它旨在帮助开发者快速设计和生成基于 LVGL 图形库 的用户界面。这个工具集成了图形设计、事件管理和代码生成等功能,使开发者可以通过拖拽和简单配置来完成复杂界面设计,无需深入学习底层 LVGL API。
创建工程
打开 SquareLine Studio 如下图所示
参数 | 说明 | 选项/值 |
---|---|---|
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。
- 不需要多语言时可禁用,减少代码和内存占用。
界面介绍
修改创建项目时的一些参数