【LVGL】软件学习——SquareLine Studio

前提：本文章使用的是VSCode + TFT屏幕 + ESP32

STM系列我在后面会继续更新的

一、简介

        SquareLine Studio是一款针对嵌入式系统设计的UI开发工具，它与LVGL（Light and Versatile Graphics Library）紧密集成，提供了拖放组件进行UI设计的功能。

        简单来说，SquareLine Studio 提供了一个图形化界面，使用者只需要在上面制作你所需要的界面，软件就可以自己生成代码，不需要码出所有的代码。（后续我也会出一篇关于如何用代码进行UI设计的博客）

二、软件的安装

        首先，去到SquareLine Studio的官网squareline.io

在下载DOWNLOAD页面，往下拉，选择你需要的版本以及对应电脑的系统，点击就可以开始下载了

下载完，解压压缩包，双击exe文件，就可以安装软件了

安装完，双击软件进去，你就会看到一个账号登陆的页面

如果你是新用户，点击下面的注册按键，他就会跳到对应的网址，进行账号的注册

使用你刚才注册完的账号登陆，进来你就会看到一个这样的界面

Create界面：可以选择多种平台的UI工程

Example界面：可以选择官方提供的各种例子，选择对应的分辨率，就可以拿来玩了

三、新建工程

1.新建一个工程

2.界面认识

3.基础功能介绍

（1）样式设计

开始设计一下屏幕的背景颜色

（2）事件以及动作响应

首先我们需要放置按键这个部件

接着我们来为按键设计响应

设计完，可以运行一下，观看一下效果

、

接下来，就给这个按键添加一个事件，实现按下按键，屏幕可以切换

首先，新建一个屏幕

选择按键，为其增加事件

点击add后，对事件进行配置

这样就完成对事件的响应了，观看一下效果

（3）工程的导出

首先在设置里面对导出的格式进行设置

这里我选择直接导出它的工程，因为我选择的是Arduino，它可以直接生成TFT_eSPI驱动等文件出来。

在对应的存放路径下，我们可以看到这些文件夹

在VSCode中使用插件Platform IO新建一个项目（步骤省略）

然后将libraries中所有文件丢到VSCode新建项目的lib目录下

在VSCode中可以看到，刚刚复制粘贴进来的文件

在刚才SquareLine Studio导出来的文件夹中，找到ui文件夹

将它里面的ui.ino用记事本打开，然后复制到VSCode的main函数里面

接着需要对驱动的文件进行配置，由于它里面没有我TFT屏幕需要的驱动，所以我选择从外面导入驱动文件，如果你们可以找到你们对应的驱动，就可以省略这一步

链接：https://pan.baidu.com/s/1hgJkRTF5r7sUhZkCqHUlaA?pwd=1234 
提取码：1234

把这个文件放到Test\lib\TFT_eSPI\User_Setups里面

然后在工程User_Setup_Select.h头文件里面，加上这句话

#include <User_Setups/Setup42_ILI9341_ESP32.h>           // Setup file for ESP32 and SPI ILI9341 240x320

还有一点，因为我们的界面需要触摸的功能，所以需要将它main函数里面的触摸功能打开

最后就可以编译下载代码，观看效果了

四、尾声

后面几天，我会整理出一篇关于VSCode + ESP32 + TFT屏幕的基础教程，敬请期待