【LVGL】SquareLine 介绍安装

[复制链接]
查看395 | 回复7 | 2024-6-24 15:33:24 | 显示全部楼层 |阅读模式

本帖最后由 楚华 于 2024-6-24 15:35 编辑

本帖最后由 楚华 于 2024-6-24 15:34 编辑

简介

SquareLine Studio 是一款专业的 UI 设计软件,它与 LVGL(Light and Versatile Graphics Library,轻量级通用图形库)紧密集成,允许用户通过直接拖放组件来设计用户界面,无需编写复杂的代码。

LVGL 是一个轻量化的、开源的、在嵌入式系统中广泛使用的图形库,它提供了一套丰富的控件和组件,只需要少量的内存和计算资源,使得在资源受限的设备上创建高端的图形界面成为可能。

SquareLine Studio 支持多种组件和布局,用户可以自定义样式、动画和行为。设计完成后,它可以将设计直接导出为 C 代码,这些代码可以直接嵌入到嵌入式项目的源代码中,极大地简化了开发流程。它适合希望快速开发嵌入式设备用户界面的开发人员,特别是那些没有 UI 开发经验或不想直接编写 UI 代码的开发人员。

官方地址:https://squareline.io/

上面是复制的,下面是我总结的

LVGL常用的设计器,一个是 SquareLine,另外一个是 Gui guider,他们的区别在于

Gui guider,简单,方便,中文支持度高,最重要的还是 免费的,我们看到得很多安信可LVGL Demo就是出自它之手

SquareLine,复杂,英文界面,还得花钱

Gui guider设计简单界面完全OK

那为什么我还要写这个帖子推荐SquareLine?

因为,如果想设计精致界面,还是SquareLine爽,

而且M61性能强大,精致页面吃CPU也还可以

个人用户可以

image.png

之前旧版才5个屏幕50个控件,现在很香了

我打算这个出个系列,我也英文差,所以一边学习,一边分享大家,一边翻译下每个地方是啥意思

我下载的是 1.41版 5.28的新版

这一篇介绍安装,新建工程

下载

直接在此页面下载安装即可

image.png

如果出现这个,点击是

image.png

路径他会默认,如果要修改,点击这里

image.png

其他就没啥注意的了,直接安装就行

新建工程

正常进来了是这个界面,可以看看Example中各种精彩的示例

image.png

继续新建工程

我选择了第一个 image.png

右侧是新建工程需要填写的信息

这里 R系列是 480*480 S系列是 320**240

1719213160085.jpg

最后点击Create 就ok了

这是界面介绍

image.png

大家先熟悉,争取能赶上这期DIY活动

回复

使用道具 举报

WT_0213 | 2024-6-24 15:35:37 | 显示全部楼层
回复

使用道具 举报

bzhou830 | 2024-6-24 15:53:13 | 显示全部楼层
选择去发光,而不是被照亮
回复

使用道具 举报

1084504793 | 2024-6-24 16:06:59 | 显示全部楼层
回复

使用道具 举报

爱笑 | 2024-6-24 16:08:31 | 显示全部楼层
用心做好保姆工作
回复

使用道具 举报

a1286544151 | 2024-6-25 09:46:36 | 显示全部楼层
来学习了
回复

使用道具 举报

李白百 | 2024-6-26 08:41:02 | 显示全部楼层
回复

使用道具 举报

lsrly | 2024-6-27 11:16:25 | 显示全部楼层
来学习了
好好学习,努力挣钱,专心
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则