ESP32-S3 桌面显示器-UI 2

1.软件LVGL （官方收费）

2.UI界面设置

Button 与Label 的使用

3.导出UI代码

4.头文件的调用

#include "../include/ui_h/ui.h"

#include "../include/ui_h/ui_helpers.h"

#include "../include/ui_h/ui_events.h"

5.软件的差异

需要添加 ui_page1_Screen1_start_screen.c

6.显示效果

6.代码文件架构

7.源代码

/*******************************************************************************

* Start of Arduino_GFX setting

*

* Arduino_GFX try to find the settings depends on selected board in Arduino IDE

* Or you can define the display dev kit not in the board list

* Defalult pin list for non display dev kit:

* Arduino Nano, Micro and more: CS: 9, DC: 8, RST: 7, BL: 6, SCK: 13, MOSI: 11, MISO: 12

* ESP32 various dev board : CS: 5, DC: 27, RST: 33, BL: 22, SCK: 18, MOSI: 23, MISO: nil

* ESP32-C3 various dev board : CS: 7, DC: 2, RST: 1, BL: 3, SCK: 4, MOSI: 6, MISO: nil

* ESP32-S2 various dev board : CS: 34, DC: 38, RST: 33, BL: 21, SCK: 36, MOSI: 35, MISO: nil

* ESP32-S3 various dev board : CS: 40, DC: 41, RST: 42, BL: 48, SCK: 36, MOSI: 35, MISO: nil

* ESP8266 various dev board : CS: 15, DC: 4, RST: 2, BL: 5, SCK: 14, MOSI: 13, MISO: 12

* Raspberry Pi Pico dev board : CS: 17, DC: 27, RST: 26, BL: 28, SCK: 18, MOSI: 19, MISO: 16

* RTL8720 BW16 old patch core : CS: 18, DC: 17, RST: 2, BL: 23, SCK: 19, MOSI: 21, MISO: 20

* RTL8720_BW16 Official core : CS: 9, DC: 8, RST: 6, BL: 3, SCK: 10, MOSI: 12, MISO: 11

* RTL8722 dev board : CS: 18, DC: 17, RST: 22, BL: 23, SCK: 13, MOSI: 11, MISO: 12

* RTL8722_mini dev board : CS: 12, DC: 14, RST: 15, BL: 13, SCK: 11, MOSI: 9, MISO: 10

* Seeeduino XIAO dev board : CS: 3, DC: 2, RST: 1, BL: 0, SCK: 8, MOSI: 10, MISO: 9

* Teensy 4.1 dev board : CS: 39, DC: 41, RST: 40, BL: 22, SCK: 13, MOSI: 11, MISO: 12

******************************************************************************/

#include <Arduino.h>

#include <Arduino_GFX_Library.h>

#include <lvgl.h>

#include "demos/lv_demos.h"

#include "../include/ui_h/ui.h"

#include "../include/ui_h/ui_helpers.h"

#define GFX_BL DF_GFX_BL // default backlight pin, you may replace DF_GFX_BL to actual backlight pin

/* More dev device declaration: https://github.com/moononournation/Arduino_GFX/wiki/Dev-Device-Declaration */

#if defined(DISPLAY_DEV_KIT)

Arduino_GFX *gfx = create_default_Arduino_GFX();

#else /* !defined(DISPLAY_DEV_KIT) */

Arduino_DataBus *bus = new Arduino_ESP32LCD16(

16, 17, 18 /* WR */, 19 /* RD */,

0 /* D0 */, 1 /* D1 */, 2 /* D2 */, 3 /* D3 */, 4 /* D4 */, 5 /* D5 */, 6 /* D6 */, 7 /* D7 */,

8 /* D8 */, 9 /* D9 */, 10 /* D10 */, 11 /* D11 */, 12 /* D12 */, 13 /* D13 */, 14 /* D14 */, 15 /* D15 */);

Arduino_GFX *gfx = new Arduino_NT35510(

bus, 20/* RST */, 1 /* rotation */);

#endif /* !defined(DISPLAY_DEV_KIT) */

/*******************************************************************************

* End of Arduino_GFX setting

******************************************************************************/

/* Change to your screen resolution */

static uint32_t screenWidth;

static uint32_t screenHeight;

static uint32_t bufSize;

static lv_disp_draw_buf_t draw_buf;

static lv_color_t *disp_draw_buf;

static lv_disp_drv_t disp_drv;

/* Display flushing */

void my_disp_flush(lv_disp_drv_t *disp, const lv_area_t *area, lv_color_t *color_p)

{

#ifndef DIRECT_MODE

uint32_t w = (area->x2 - area->x1 + 1);

uint32_t h = (area->y2 - area->y1 + 1);

#if (LV_COLOR_16_SWAP != 0)

gfx->draw16bitBeRGBBitmap(area->x1, area->y1, (uint16_t *)&color_p->full, w, h);

#else

gfx->draw16bitRGBBitmap(area->x1, area->y1, (uint16_t *)&color_p->full, w, h);

#endif

#endif // #ifndef DIRECT_MODE

lv_disp_flush_ready(disp);

}

void setup(void)

{

Serial.begin(115200);

// Serial.setDebugOutput(true);

// while(!Serial);

Serial.println("Arduino_GFX Hello World example");

#ifdef GFX_EXTRA_PRE_INIT

GFX_EXTRA_PRE_INIT();

#endif

// Init Display

if (!gfx->begin())

{

Serial.println("gfx->begin() failed!");

}

lv_init();

screenWidth = gfx->width();

screenHeight = gfx->height();

disp_draw_buf = (lv_color_t *)heap_caps_malloc(sizeof(lv_color_t) * screenWidth * 32, MALLOC_CAP_INTERNAL | MALLOC_CAP_8BIT);

lv_disp_draw_buf_init(&draw_buf, disp_draw_buf, NULL, screenWidth * 32);

/* Initialize the display */

lv_disp_drv_init(&disp_drv);

/* Change the following line to your display resolution */

disp_drv.hor_res = screenWidth;

disp_drv.ver_res = screenHeight;

disp_drv.flush_cb = my_disp_flush;

disp_drv.draw_buf = &draw_buf;

lv_disp_drv_register(&disp_drv);

/* Create simple label */

//lv_obj_t *label = lv_label_create(lv_scr_act());

//lv_label_set_text(label, "Hello Arduino! (V" GFX_STR(LVGL_VERSION_MAJOR) "." GFX_STR(LVGL_VERSION_MINOR) "." GFX_STR(LVGL_VERSION_PATCH) ")");

//lv_obj_align(label, LV_ALIGN_CENTER, 0, 0);

ui_init();

}

void loop()

{

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

delay(5);

}