esp32-s3+GC9A01基于vs code+PlatformIO+ardunio框架+Squareline UI 移植

---

前言

本节描述了使用SquarelineStudio创建简单UI，导出文件后如何与LVGL集成并在PlatformIO环境中进行编译和下载过程。
环境如下：
platform = espressif32
board = esp32-s3-devkitc-1
framework = arduino
SquarelineStudio 1.4.1
测试硬件如下：
ESP32-S3-N16R8
GC9A01不带触摸

一、SquarelineStudio是什么？

SquareLine Studio 是 LVGL 官方推出的一款跨平台 UI 开发工具，支持 Windows、Linux 和 macOS 平台。SquareLine Studio 采用所见即所得的开发方式，可大大减少用户开发 UI 的时间。也就是之前盲操撸lvgl代码，现在不用了，神器
官网下载地址，https://squareline.io/downloads

二、使用步骤

1.创建测试的UI

打开已注册OK的SquarelineStudio，按以下关键点进行创建

->1点击最上边的Create图标
->2点击Arduino
->3按显示屏选择分辨率
->4选择显示屏形状，GC9A01是圆屏，选择圆形
->5选择lvgl库版本号，之前内容中我们添加的8.3.11
->6点击创建
视窗上显示我们创建的圆形屏幕

我们从右侧的工具中，任意拖入几个控件（因重点在移植）

2.工程导出

点击左上角的Export，创建一个空的文件夹，方便后续导出

弹出来的对话框中，选择导出的路径，点击选择文件夹

点击Export---->点击Export UI Files进行导出

找到导出的文件夹，导出文件已在其中

3.工程移植

打开vs code，进入PlatformIO界面
打开导出文件夹，进入以下路径

将以下文件拖入我们之前建立的PlatformIO工程的scr路径下

打开导出文件夹，进入以下路径,用lv_conf.h替换
以下路径lv_conf.h

复制导出文件ui.ino内容到PlatformIO工程中的main.cpp中
点击PlatformIO编译，并上传到开发板中，上传完毕，我们可以看到GC9A01显示了之前我们“设计的UI”画面。
PS：这里没有拷导出的libraries内lvgl库和TFT_eSPI库以及lv_conf.h内容，是因为在之前我们在前边的小节中，有在PlatformIO库中导入并进行了设置，详细见：

• esp32-s3+GC9A01基于vs code+PlatformIO+ardunio框架的TFT_eSPI库导入和配置
  http://t.csdnimg.cn/J6ASE
• esp32-s3+GC9A01基于vs code+PlatformIO+ardunio框架的lvgl库导入和配置
  http://t.csdnimg.cn/w62Re

如果用导出文件夹中这几个文件，需要进行重新设置。

总结

以上就是今天要讲的内容，本文仅仅简单介绍了esp32-s3+GC9A01基于vs code+PlatformIO+ardunio框架+Squareline UI 移植。