Arduino+ESP32 之 驅動GC9A01圓形LCD(二),移植LVGL,跑示例程式,顯示自制圖片

一匹夫發表於2022-02-05

在前文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移植後,未能正常工作。

 

 

.

相關文章