Example: RP2040 + ILI9486/MSP2807 + PlatformIO + lvgl

[flaviut]

I was able to get this working!

platformio.ini:

[env]
platform = https://github.com/maxgerhardt/platform-raspberrypi.git
board = rpipico
framework = arduino
board_build.core = earlephilhower
; optional
board_build.filesystem_size = 0M
board_build.f_cpu = 250'000'000L
lib_ldf_mode = chain+

upload_protocol = picotool

lib_deps =
  bodmer/TFT_eSPI@^2.5.0
  lvgl/lvgl@^8.3.4

build_flags =
  ; Don't use lv_conf.h. Tweak params via platfom.ini.
  -DLV_CONF_SKIP=1
  -DLV_CONF_INCLUDE_SIMPLE=1
  -DLV_TICK_CUSTOM=1
  -DLV_USE_LOG=1
  -DLV_LOG_LEVEL_INFO=1
  ; Enable LVGL demo, remove when working on your own project
  -DLV_USE_DEMO_WIDGETS=1
  ; Add more defines below to overide lvgl:/src/lv_conf_simple.h
  ; Define the TFT driver, pins etc here:
  -DARDUINO_ARCH_RP2040=1
  -DUSER_SETUP_LOADED=1
  -DILI9486_DRIVER=1
  -DTFT_SPI_PORT=0
  -DTFT_WIDTH=320
  -DTFT_HEIGHT=240
  -DTFT_CS=0
  -DTFT_DC=1
  -DTFT_SCLK=2
  -DTFT_MOSI=3
  -DTFT_MISO=4
  -DTFT_RST=-1
  -DTOUCH_CS=6
  -DSPI_FREQUENCY="60'000'000"
  -DSPI_TOUCH_FREQUENCY="2'500'000"

[env:pico]

src/main.cpp:

/*Using LVGL with Arduino requires some extra steps:
 * Be sure to read the docs here:
 * https://docs.lvgl.io/master/get-started/platforms/arduino.html  */

#include <TFT_eSPI.h>
#include <lvgl.h>

#include <lv_demos.h>

/*Change to your screen resolution*/
static const uint16_t screenWidth = TFT_WIDTH;
static const uint16_t screenHeight = TFT_HEIGHT;

static lv_disp_draw_buf_t draw_buf;
static lv_color_t buf[TFT_WIDTH * 10];

TFT_eSPI tft = TFT_eSPI(screenWidth, screenHeight);

#if LV_USE_LOG != 0
void my_print(const char *buf) { Serial.println(buf); }
#endif

/* Display flushing */
void my_disp_flush(lv_disp_drv_t *disp, const lv_area_t *area,
                   lv_color_t *color_p) {
  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 *)&color_p->full, w * h, true);
  tft.endWrite();

  lv_disp_flush_ready(disp);
}

/*Read the touchpad*/
void my_touchpad_read(lv_indev_drv_t *indev_driver, lv_indev_data_t *data) {
  uint16_t touchX, touchY;

  bool touched = tft.getTouch(&touchX, &touchY, 600);

  if (!touched) {
    data->state = LV_INDEV_STATE_REL;
  } else {
    data->state = LV_INDEV_STATE_PR;

    /*Set the coordinates*/
    data->point.x = touchX;
    data->point.y = touchY;

    Serial.print("Data x ");
    Serial.println(touchX);

    Serial.print("Data y ");
    Serial.println(touchY);
  }
}

void setup() {
  Serial.begin(115200); /* prepare for possible serial debug */

  String LVGL_Arduino = "Hello Arduino! ";
  LVGL_Arduino += String('V') + lv_version_major() + "." + lv_version_minor() +
                  "." + lv_version_patch();

  Serial.println(LVGL_Arduino);
  Serial.println("I am LVGL_Arduino");

  lv_init();

#if LV_USE_LOG != 0
  lv_log_register_print_cb(
      my_print); /* register print function for debugging */
#endif

  tft.init(0);        /* TFT init */
  tft.setRotation(0); /* Landscape orientation, flipped */

  /*Set the touchscreen calibration data,
   the actual data for your display can be acquired using
   the Generic -> Touch_calibrate example from the TFT_eSPI library*/
  uint16_t calData[5] = {275, 3620, 264, 3532, 1};
  tft.setTouch(calData);

  lv_disp_draw_buf_init(&draw_buf, buf, NULL, screenWidth * 10);

  /*Initialize the display*/
  static lv_disp_drv_t disp_drv;
  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);

  /*Initialize the (dummy) input device driver*/
  static lv_indev_drv_t indev_drv;
  lv_indev_drv_init(&indev_drv);
  indev_drv.type = LV_INDEV_TYPE_POINTER;
  indev_drv.read_cb = my_touchpad_read;
  lv_indev_drv_register(&indev_drv);

#if 0
  /* Create simple label */
  lv_obj_t *label = lv_label_create(lv_scr_act());
  lv_label_set_text(label, LVGL_Arduino.c_str());
  lv_obj_align(label, LV_ALIGN_CENTER, 0, 0);
#else
  /* Try an example from the lv_examples Arduino library
     make sure to include it as written above.
  lv_example_btn_1();
 */

  // uncomment one of these demos
  lv_demo_widgets(); // OK
  // lv_demo_benchmark();          // OK
  // lv_demo_keypad_encoder();     // works, but I haven't an encoder
  // lv_demo_music();              // NOK
  // lv_demo_printer();
  // lv_demo_stress();             // seems to be OK
#endif
  Serial.println("Setup done");
}

void loop() {
  lv_timer_handler(); /* let the GUI do its work */
  delay(5);
}

copied https://github.com/lvgl/lvgl/tree/v8.3.4/demos into lib/, fix imports using:

$ sed -i 's#"../../../lvgl.h"#<lvgl.h>#g' lib/demos/**/*.{c,h}
$ sed -i 's#"../../lvgl.h"#<lvgl.h>#g' lib/demos/**/*.{c,h}
$ sed -i 's#"../lvgl.h"#<lvgl.h>#g' lib/demos/**/*.{c,h}

[Bodmer]

Thanks for sharing.

[mcbp223]

Good ideea to copy the lvgl examples into lib/, to avoid compiling what's not required, I had them in src/ and they've been compiled even when not having lvgl in lib_deps, generating errors.

If you want to try the include method for lv_conf.h you can add -I${platformio.include_dir}/libinc to build_flags in platformio.ini, and copy lv_conf.h there and also tft_setup.h if needed, create a subfolder named libinc in your project include directory. I use this method with Arduino IDE too with settings in platform.local.txt.