在前文Arduino+ESP32 之 驅動GC9A01圓形LCD(一)，
我們已經移植好了arduino GFX庫， 該庫的示例程序內，還有LVGL的示例程序哦。
arduino環境下移植lvgl是很方便的，我們一起來移植一個，並且跑一下lvgl的示例demo!
由於arduino的library這個路徑內的arduino工程文件是只讀的，不便於我們編譯測試示例程序，所以我們復制一份lvgl的示例程序到桌面上的我的一個文件夾內。
打開LvglHelloWorld.ino工程文件。
工具->管理庫->庫管理器，搜索LVGL並在線安裝。我安裝的是8.0.2版本，建議你也安裝V8版本的LVGL，因為arduino GFX庫的LVGL的示例程序是基於V8版本的。
安裝好LVGL以后，library路徑下會出現lvgl文件夾。復制lvgl文件夾內的lv_conf_template.h，我們將其重命名為lv_conf.h，放在library路徑下。
為了讓lvgl適配我的硬件LCD，我修改了幾個參數。大部分的SPI 或者IIC的LCD，需要修改的地方都是這幾處。
我修改的地方(紅色箭頭所指)：
1. 跑arduino GFX庫的LVGL的示例程序，LvglHelloWorld
修改LvglHelloWorld.ino工程文件的三處代碼：
代碼源文件：
#include <lvgl.h>
/******************************************************************************* * LVGL Hello World * This is a simple examplle for LVGL - Light and Versatile Graphics Library * * Dependent libraries: * LVGL: https://github.com/lvgl/lvgl.git ******************************************************************************/
/******************************************************************************* * 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 * ESP32 various dev board : CS: 5, DC: 27, RST: 33, BL: 22 * ESP32-C3 various dev board : CS: 7, DC: 2, RST: 1, BL: 3 * ESP32-S2 various dev board : CS: 34, DC: 26, RST: 33, BL: 21 * ESP8266 various dev board : CS: 15, DC: 4, RST: 2, BL: 5 * Raspberry Pi Pico dev board : CS: 17, DC: 27, RST: 26, BL: 28 * RTL8720 BW16 old patch core : CS: 18, DC: 17, RST: 2, BL: 23 * RTL8720_BW16 Official core : CS: 9, DC: 8, RST: 6, BL: 3 * RTL8722 dev board : CS: 18, DC: 17, RST: 22, BL: 23 * RTL8722_mini dev board : CS: 12, DC: 14, RST: 15, BL: 13 * Seeeduino XIAO dev board : CS: 3, DC: 2, RST: 1, BL: 0 * Teensy 4.1 dev board : CS: 39, DC: 41, RST: 40, BL: 22 ******************************************************************************/ #include <Arduino_GFX_Library.h>
/* 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) */
/* More data bus class: https://github.com/moononournation/Arduino_GFX/wiki/Data-Bus-Class */
//Arduino_DataBus *bus = create_default_Arduino_DataBus();
Arduino_DataBus *bus = new Arduino_ESP32SPI(12 /* DC */, 15 /* CS */, 14 /* SCK */, 13 /* MOSI */, -1 /* MISO */, HSPI /* spi_num */); /* More display class: https://github.com/moononournation/Arduino_GFX/wiki/Display-Class */
//Arduino_GFX *gfx = new Arduino_ILI9341(bus, DF_GFX_RST, 0 /* rotation */, false /* IPS */);
Arduino_GFX *gfx = new Arduino_GC9A01(bus, 2 /* RST */, 0 /* rotation */, true /* IPS */); #endif /* !defined(DISPLAY_DEV_KIT) */
/******************************************************************************* * End of Arduino_GFX setting ******************************************************************************/
#define DF_GFX_BL 16
/* Change to your screen resolution */
static uint32_t screenWidth; static uint32_t screenHeight; 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) { uint32_t w = (area->x2 - area->x1 + 1); uint32_t h = (area->y2 - area->y1 + 1); gfx->draw16bitBeRGBBitmap(area->x1, area->y1, (uint16_t *)&color_p->full, w, h); lv_disp_flush_ready(disp); } void setup() { Serial.begin(115200); // while (!Serial);
Serial.println("LVGL Hello World"); // Init Display
gfx->begin(); gfx->fillScreen(BLACK); #ifdef DF_GFX_BL pinMode(DF_GFX_BL, OUTPUT); digitalWrite(DF_GFX_BL, HIGH); delay(100); #endif lv_init(); screenWidth = gfx->width(); screenHeight = gfx->height(); disp_draw_buf = (lv_color_t *)malloc(sizeof(lv_color_t) * screenWidth * 10); if (!disp_draw_buf) { Serial.println("LVGL disp_draw_buf allocate failed!"); } else { lv_disp_draw_buf_init(&draw_buf, disp_draw_buf, NULL, screenWidth * 10); /* 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); /* 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; lv_indev_drv_register(&indev_drv); /* Create simple label */ lv_obj_t *label = lv_label_create(lv_scr_act()); lv_label_set_text(label, "Arduino-Niceday"); lv_obj_align(label, LV_ALIGN_CENTER, 0, 0); Serial.println("Setup done"); } } void loop() { lv_timer_handler(); /* let the GUI do its work */ delay(5); }
燒錄代碼后的實驗效果
2.跑lvgl庫自身提供的示例代碼
lvgl自身提供了很多的example，比arduino GFX庫的LVGL的示例程序要豐富得多，所以我們需要把lvgl自身提供的示例程序跑起來，這樣才更有利於學習lvgl。
上圖是一個表盤的示例程序。
百度查找到類似解決方法
答案就是把相關的文件或文件夾復制到lvgl/src路徑下，然后再去編譯。
這是一個編譯的問題，修改CMake肯定也可以解決。先不研究，先用這種簡單的挪動文件夾的方式搞定功能，先體驗一把再說。
我把lvgl/examples文件夾內的assets、meter和img文件夾都復制了過來，
遇到編譯報錯，修改了一下頭文件包含就解決了，
img文件夾里的東西被我刪除了，修改了其代碼，用於配套顯示我自制的圖片。
LVGL圖片轉C文件工具=》 https://gitee.com/gzmarkz/Lvgl_image_convert_tool
使用展示：
將轉換后的C文件放置在asserts文件夾內即可。
直接在本篇的原工程內調用倆函數，即可顯示不同的效果了。一個顯示我的自制圖片，一個顯示lvgl的表盤例子。
實驗效果：
存在的問題，我看別人的表盤示例效果，有倆指針，是會動的，我的指針沒動。
看代碼，應該是創建動畫的這部分沒達到預期效果。動畫功能，在LVGL移植后，未能正常工作。
.