本帖最后由 楚华 于 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 image.png](data/attachment/forum/202406/24/150030xpwmymoy5jm8o45m.png)
之前旧版才5个屏幕50个控件,现在很香了
我打算这个出个系列,我也英文差,所以一边学习,一边分享大家,一边翻译下每个地方是啥意思
我下载的是 1.41版 5.28的新版
这一篇介绍安装,新建工程
下载
直接在此页面下载安装即可
![image.png image.png](data/attachment/forum/202406/24/150620r765c57gh6pzu5g0.png)
如果出现这个,点击是
![image.png image.png](data/attachment/forum/202406/24/150944oahdnnlk1bqqckoz.png)
路径他会默认,如果要修改,点击这里
![image.png image.png](data/attachment/forum/202406/24/151016fsga0zrrdrrb0ybd.png)
其他就没啥注意的了,直接安装就行
新建工程
正常进来了是这个界面,可以看看Example中各种精彩的示例
![image.png image.png](data/attachment/forum/202406/24/153153d1sus88v12gxnngz.png)
继续新建工程
我选择了第一个
![image.png image.png](data/attachment/forum/202406/24/151218x9kkeamszsadekx8.png)
右侧是新建工程需要填写的信息
这里 R系列是 480*480 S系列是 320**240
![1719213160085.jpg 1719213160085.jpg](data/attachment/forum/202406/24/151325i6y7yyqzpyddqkuv.jpg)
最后点击Create 就ok了
这是界面介绍
![image.png image.png](data/attachment/forum/202406/24/152517rzhz46lixht0qghz.png)
大家先熟悉,争取能赶上这期DIY活动 |