Exemplo minimalista de gráfico LVGL ST7735R para PlatformIO

Importante: Em versões mais recentes do PlatformIO, a maioria das placas ESP32 irá falhar com este exemplo a menos que você crie um arquivo de configuração lv_conf.h personalizado especificando para usar memória interna em vez de PSRAM. Veja Como corrigir falha / reboot do ESP32 LVGL em lv_tlsf_create() / lv_mem_init() para instruções de como corrigir isso.

Este exemplo baseia-se em nosso post anterior exemplo minimalista LVGL com display Adafruit ST7735R para PlatformIO

Veja Exemplo minimalista ESP32 PlatformIO display TFT usando Adafruit ST7735 para a configuração de hardware recomendada.

Note que este exemplo pode facilmente ser modificado para funcionar com outros controladores LCD ou displays.

Display TFT ST7735R mostrando gráfico LVGL com séries de dados vermelhas e verdes e rótulo Temperatura

st7735r_lvgl_chart_example.cpp

#include <Arduino.h>
#include <Adafruit_GFX.h>
#include <Adafruit_ST7735.h>
#include <Adafruit_LvGL_Glue.h>
#include <lvgl.h>
#include <string>

constexpr int Pin_LCD_CS = 27;
constexpr int Pin_LCD_DC = 23;
constexpr int Pin_LCD_RST = 22;
constexpr int Pin_LCD_SCLK = 14;
constexpr int Pin_LCD_MISO = 12;
constexpr int Pin_LCD_MOSI = 13;

Adafruit_ST7735 lcd(Pin_LCD_CS, Pin_LCD_DC, Pin_LCD_MOSI, Pin_LCD_SCLK,
                                 Pin_LCD_RST);
Adafruit_LvGL_Glue glue;

void lvgl_chart_setup() {
    /*Criar um gráfico*/
    lv_obj_t * chart;
    chart = lv_chart_create(lv_scr_act());
    lv_obj_set_size(chart, 160, 100);
    lv_obj_align(chart, LV_ALIGN_BOTTOM_MID, 0, -3);
    lv_chart_set_type(chart, LV_CHART_TYPE_LINE);   /*Mostrar também linhas e pontos*/

    /*Adicionar duas séries de dados*/
    lv_chart_series_t * ser1 = lv_chart_add_series(chart, lv_palette_main(LV_PALETTE_RED), LV_CHART_AXIS_PRIMARY_Y);
    lv_chart_series_t * ser2 = lv_chart_add_series(chart, lv_palette_main(LV_PALETTE_GREEN), LV_CHART_AXIS_SECONDARY_Y);

    /*Definir os próximos pontos em 'ser1'*/
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 10);
    lv_chart_set_next_value(chart, ser1, 30);
    lv_chart_set_next_value(chart, ser1, 70);
    lv_chart_set_next_value(chart, ser1, 90);

    /*Definir pontos diretamente em 'ser2'*/
    ser2->y_points[0] = 90;
    ser2->y_points[1] = 70;
    ser2->y_points[2] = 65;
    ser2->y_points[3] = 65;
    ser2->y_points[4] = 65;
    ser2->y_points[5] = 65;
    ser2->y_points[6] = 65;
    ser2->y_points[7] = 65;
    ser2->y_points[8] = 65;
    ser2->y_points[9] = 65;

    lv_chart_refresh(chart); /*Necessário após definição direta*/
}

void lvgl_setup(void) {
  // Criar rótulo simples centralizado na tela
  lv_obj_t *label = lv_label_create(lv_scr_act());
  lv_label_set_text(label, "Temperature");
  lv_obj_align(label, LV_ALIGN_TOP_MID, 0, 2);

  lvgl_chart_setup();
}

void setup() {
  lcd.initR(INITR_BLACKTAB);      // Inicializar chip ST7735S, aba preta
  lcd.setRotation(1);

  LvGLStatus status = glue.begin(&lcd);
  if(status != LVGL_OK) {
    Serial.printf("Glue error %d\r\n", (int)status);
    ESP.restart();
  }

  lvgl_setup(); // Chamar função de construção de UI acima
}

void loop() {
  lv_task_handler(); // Chamar handler de task LittleVGL periodicamente
  delay(5);
}

platformio.ini

[env:esp32dev]
platform = espressif32
board = esp32dev
framework = arduino
lib_deps =
  adafruit/Adafruit GFX Library@^1.11.5
  adafruit/Adafruit ST7735 and ST7789 Library@^1.10.0
  adafruit/Adafruit LittlevGL Glue Library@^2.1.4
  adafruit/SdFat - Adafruit Fork@^2.2.1
  lvgl/lvgl@^8.3.7