ESP32S3N8R8 + Squareline_Studio设计移植

发表于 更新于 分类于 ， 阅读次数： 本文字数： 858 阅读时长 ≈ 2 分钟
使用Squareline_Studio设计UI移植到ESP32S3N8R8

说明

硬件：立创ESP32S3R8N8开发板 + 2.8寸TFT显示屏(ST7789) + 电容触摸(GT911)
软件：Visual Studio Code + PlatformIO+ Squareline Studio
代码：百度网盘：ESP32S3_SQ(提取码：levi)
代码：百度网盘：ESP32S3_SERVO(提取码：levi)
视频：bilibili: 【ESP32】初试Squareline Studio设计 简单控制屏幕亮度
视频：bilibili: 【ESP32】Squareline Studio新增界面+移植过程 - 简单控制舵机
博客：CSDN: 【ESP32】立创ESP32S3N8R8开发板+2.8寸TFT电容触摸屏+Squareline Studio+PlatformIO

Squareline Studio

设计UI

image-

导出文件

  • 工程设置
    按如下所示设置工程，Project Export Root和UI Files Export Path路径可以选择为LVGL工程目录下新建的export文件夹

  • Export

PlatformIO

文件结构

  • 导出文件
    以下为Squareline Studio导出的文件
    image-

  • 移植文件
    资源文件复制到src/lvgl_gui
    image-

LVGL

  • 修改lvgl
    修改lvgl_conf.h，如下所示，关闭案例编译
    image-

main

  • 添加头文件

    1
    #include "ui.h"

  • UI初始化
    删去之前LVGL官方案例的内容，添加如下代码

    1
    ui_init();

    image-

  • lvgl显示

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    void lvgl_task(void *pt)

    {

        while(1)

        {

            lv_timer_handler(); /* let the GUI do its work */

            vTaskDelay(5);

        }

    }

  • setup()中创建任务

    1
    xTaskCreatePinnedToCore(lvgl_task, "lvgl display", 1024 * 15, NULL, 2, NULL, 1);

编译下载

image-
image-
image-

END

2024 Levi5