深圳晶彩智能ESP32-2432S028R实时观察LVGL9效果

袖手蹲

已于 2024-07-08 05:20:43 修改

阅读量1.2k

点赞数 25

分类专栏：深圳晶彩智能ESP32-3248S035R 文章标签：单片机人工智能嵌入式硬件

于 2024-07-06 21:19:20 首次发布

本文链接：https://blog.csdn.net/weixin_41589183/article/details/140234622

版权

深圳晶彩智能ESP32-3248S035R 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

深圳晶彩智能ESP32-2432S028R概述：

深圳晶彩智能出品ESP32-32432S028R为2.8寸彩色屏采用分辨率320x240彩色液晶屏，驱动芯片是ILI9431。板载乐鑫公司出品ESP-WROOM-32，Flash 4M。型号尾部“R”标识电阻膜的感压式触摸屏，驱动芯片是XPT2046。
他的屏幕驱动芯片ILI9431和电阻触碰芯片XPT2046没有采用共用SPI的接法，就不能直接使用TFT_eSPI库驱动，电阻触碰芯片采用第三方XPT2046_Touchscreen库。
这款产品发布后，由于其制作精良价格优惠，受到了国际玩家的普遍追捧，各位大虾称其为“Cheap Yellow Display”，简称CYD。
在这里插入图片描述
这是一个能干活的开发板，用于为您的物联网项目构建彩色显示屏，带有TFT屏幕的单独ESP32板更方便和实用，明显越升二次开发产品的格调。

在这里插入图片描述

完美得到LVGL9和lovyanGFX库支持

LVGL是最流行的免费和开源嵌入式图形库，可为任何MCU, MPU和显示类型创建漂亮的ui。
从消费电子产品到工业自动化，任何应用程序都可以利用LVGL的30多个内置小部件，100多个样式属性，web启发的布局和支持多种语言的排版系统。
LovyanGFX 是一个高效且功能丰富的图形库，专为连接到ESP32、ESP8266和ATSAMD51的显示器设计。它兼容多种通讯协议，如SPI、I2C和8位并行接口，适用于各种LCD、OLED和EPD显示屏。这个库不仅提供了与流行的AdafruitGFX和TFT_eSPI类似的功能，而且在速度和特性上有了显著提升，让开发变得更加便捷。
LGFX_AUTODETECT类中自动识别多款“Cheap Yellow Display”，其中就包括ESP32-2432S028R，本示例就结合这两个库，使用Arduino IDE的方法，用最快捷的方法让各位玩家来适配LVGL9，直接在液晶屏上操作各种组件，把构想变成实景图。

Arduino IDE SDK和LVGL9，LovyanGFX的版本

Arduino IDE SDK 3.0.2版本
在这里插入图片描述
lvgl 9.1.0版本

LovyanGFX 1.1.16版本

配置LVGL9库

1，修改 lv_conf.h

LVGL 有一个名为 lv_conf.h 的配置文件。当安装 LVGL 时，请遵循以下配置步骤：
进入已安装的 Arduino 库目录。
进入 lvgl 并复制 lv_conf_template.h 到Arduino 库目录中，该文件应位于 lvgl 库同级文件夹。然后重命名为 lv_conf.h 。
下图可见 lv_conf.h 的布局：
在这里插入图片描述
用Notepad++对 lv_conf.h 修改：
默认设置是“0”，设置为“1”以启用内容。

第15行 #if 1

如果lvgl设置在屏幕上显示当前帧率（FPS）：

第751行 #define LV_USE_SYSMON   1
第764行 #define LV_USE_PERF_MONITOR 1

在这里插入图片描述
本示例全面演示LVGL9的examples，widgets和demos，需要分别置1启用。譬如允许 examples构建示例：

第929行 #define LV_BUILD_EXAMPLES 1

2，移动examples和demos库的位置。
将Arduino\libraries\lvgl里的examples和demos库拖曳到src文件夹里面：
在这里插入图片描述
3，修改lv_examples.h
用Notepad++对C:\Users\用户名\Documents\Arduino\libraries\lvgl\src\examples\lv_examples.h修改为：

第16行 #include "lvgl.h"

用Notepad++对C:\Users\用户名\Documents\Arduino\libraries\lvgl\src\demos\lv_demos.h修改为：

第16行 #include "lvgl.h"

用最简单的程序展示LVGL9的绚丽功能

#include <SPI.h>                                      // SPI Library
#include <lvgl.h>                                     // LVGL9
#define LGFX_AUTODETECT
#include <LovyanGFX.hpp>

static const uint32_t screenWidth = 320;                   // LCD宽度
static const uint32_t screenHeight = 240;                  // LCD高度
static uint8_t draw_buf[screenWidth * screenHeight / 10];  // 缓冲器
static ulong lvgl_tick_millis = millis();                  // tick

#include <examples\lv_examples.h>                 // examples
//#include <examples\widgets\lv_example_widgets.h>  // widgets
//#include <demos\lv_demos.h>                       // demos

LGFX tft;

void init_display() {
  static lv_display_t *disp;
  disp = lv_display_create(screenWidth, screenHeight);
  lv_display_set_flush_cb(disp, flush);
  lv_display_set_buffers(disp, draw_buf, NULL, sizeof(draw_buf),
                         LV_DISPLAY_RENDER_MODE_PARTIAL);
}

void flush(lv_display_t *disp, const lv_area_t *area, uint8_t *px_map) {
  uint32_t w = (area->x2 - area->x1 + 1);
  uint32_t h = (area->y2 - area->y1 + 1);
  tft.startWrite();
  tft.setAddrWindow(area->x1, area->y1, w, h);
  //tft.pushColors((uint16_t *)px_map, w * h, true);
  tft.writePixelsDMA((lgfx::rgb565_t *)px_map, w * h);  // LGFX
  tft.endWrite();
  lv_display_flush_ready(disp);
}

void init_touch() {
  lv_indev_t *indev = lv_indev_create();
  lv_indev_set_type(indev, LV_INDEV_TYPE_POINTER);  
  lv_indev_set_read_cb(indev, my_touchpad_read);
}

void my_touchpad_read(lv_indev_t *indev, lv_indev_data_t *data) {
  uint16_t touchX, touchY;
  bool touched = tft.getTouch(&touchX, &touchY);
  if (!touched) {
    data->state = LV_INDEV_STATE_REL;
    return;
  }
  if (touchX < screenWidth && touchY < screenWidth) {
    data->state = LV_INDEV_STATE_PR;
    data->point.x = touchX;
    data->point.y = touchY;   
  }
}

void setup() {
  tft.begin();
  tft.setRotation(1);
  tft.fillScreen(TFT_BLUE);
  lv_init();       // lvgl 初始化
  init_display();  // 显示和缓冲初始化
  init_touch();    // 触碰初始化
 
  // demos ------------------------------------------------------------
  //lv_demo_widgets();          // 34% memory used
  //lv_demo_benchmark();        // 38% memory used
  //lv_demo_keypad_encoder();   // 24% memory used
  //lv_demo_music();            // 56% memory used
  //get_started -------------------------------------------------------
  //lv_example_get_started_3(); // 2 button
  //lv_example_get_started_1(); // Hello World
  //lv_example_get_started_2(); // button couter
  //lv_example_get_started_4(); // Slider
  //others ------------------------------------------------------------
  //lv_example_observer_1();    // Slider
  //lv_example_observer_2();    // logged out
  //lv_example_observer_3();    // time & set
  lv_example_observer_4();    // Slider & Button
  //lv_example_observer_5();    // update
  //lv_example_observer_6();    // 10 button
  //widgets -----------------------------------------------------------
  //lv_example_image_3();
  //lv_example_animimg_1();
  //lv_example_arc_1();
  //lv_example_arc_2();
  //lv_example_bar_1();
  //lv_example_bar_2();
  //lv_example_bar_3();
  //lv_example_bar_4();
  //lv_example_bar_5();
  //lv_example_bar_6();
  //lv_example_bar_7();
  //lv_example_button_1();
  //lv_example_button_2();  // 24% memory used
  //lv_example_button_3();
  //lv_example_buttonmatrix_1();
  //lv_example_buttonmatrix_2();
  //lv_example_buttonmatrix_3();
  //lv_example_calendar_1();
  //lv_example_canvas_1 fail
  //lv_example_canvas_2();
  //lv_example_canvas_3();
  //lv_example_canvas_4();
  //lv_example_canvas_5();
  //lv_example_canvas_6();
  //lv_example_canvas_7();
  //lv_example_canvas_8 fail
  //lv_example_chart_1();
  //lv_example_chart_2();
  //lv_example_chart_3();
  //lv_example_chart_4();
  //lv_example_chart_5();
  //lv_example_chart_6();
  //lv_example_chart_7();
  //lv_example_chart_8();
  //lv_example_checkbox_1();
  //lv_example_checkbox_2();
  //lv_example_dropdown_1();
  //lv_example_dropdown_2();
  //lv_example_dropdown_3();
  //lv_example_image_1();
  //lv_example_image_2();
  //lv_example_image_4();
  //lv_example_imagebutton_1_fail
  //lv_example_keyboard_1();
  //lv_example_keyboard_2();
  //lv_example_label_1();
  //lv_example_label_2();
  //lv_example_label_3 fail
  //lv_example_label_4 fail
  //lv_example_label_5();
  //lv_example_led_1
  //lv_example_line_1
  //lv_example_menu_1
  //lv_example_menu_2
  //lv_example_menu_3
  //lv_example_menu_4
  //lv_example_menu_5
  //lv_example_msgbox_1
  //lv_example_obj_1
  //lv_example_obj_2
  //lv_example_roller_1
  //lv_example_roller_2 fail
  //lv_example_roller_3 fail
  //lv_example_scale_1();
  //lv_example_scale_2();
  //lv_example_scale_3();
  //lv_example_scale_4();
  //lv_example_scale_5();
  //lv_example_slider_1();
  //lv_example_slider_2();
  //lv_example_slider_3();
  //lv_example_slider_4();
  //lv_example_span_1();
  //lv_example_spinbox_1();
  //lv_example_spinner_1();
  //lv_example_switch_1();
  //lv_example_table_1();
  //lv_example_table_2();
  //lv_example_tabview_1();
  //lv_example_tabview_2();
  //lv_example_textarea_1();
  //lv_example_textarea_2();
  //lv_example_textarea_3();
  //lv_example_tileview_1();
  //lv_example_tileview_2 fail
  //lv_example_win_1();  
}

void loop() {
  lv_task_handler();
  unsigned long tick_millis = millis() - lvgl_tick_millis;
  lvgl_tick_millis = millis();
  lv_tick_inc(tick_millis);
  yield();
  delay(5);
}