1、littleVGL 介紹

littleVGL 是近幾年開始流行的一個小型開源嵌入式 GUI 庫,具有界面精美,消耗資源小,可移植度高,響應式布局等特點,全庫采用純 c 語言開發,而且 littleVGL 庫的更新速度非常快,隨著 littleVGL 的認知度越來越大,官方資料也逐漸豐富起來。

相比 emWin，littleVGL 的圖形效果更好，當然，對 MCU 的要求要比 emWin 要高，大家根據 MCU 的資源情況進行選擇。

2、littleVGL 主要特性

具有非常豐富的內置控件,像 buttons, charts, lists, sliders, images 等

高級圖形效果：動畫，反鋸齒，透明度，平滑滾動

支持多種輸入設備,像 touchpad, mouse, keyboard, encoder 等

支持多語言的 UTF-8 編碼

支持多個和多種顯示設備，例如同步顯示在多個彩色屏或單色屏上

完全自定制的圖形元素

硬件獨立于任何微控制器或顯示器

可以縮小到最小內存 (64 kB Flash, 16 kB RAM)

支持操作系統、外部儲存和 GPU（非必須）

僅僅單個幀緩沖設備就可以呈現高級視覺特效

使用 C 編寫以獲得最大兼容性(兼容 C++)

支持 PC 模擬器

為加速 GUI 設計,提供教程,案例和主題,支持響應式布局

提供了在線和離線文檔

基于自由和開源的 MIT 協議

littleVGL 的要求

16、32 或 64 位的單片機（微控制器）或處理器

微處理器的主頻最好高于 16MHZ

Flash/ROM:如果只用 littleVGL 核心組件的話,則至少需要 64kB 的容量,如果想完整使用的話,最好保證 180kB 以上的容量

RAM:
SRAM: 大約 8 到 16 kB,這取決于你所用的組件功能和 objects 控件對象類型；
棧: 至少為 2Kb,一般推薦值為 4kB；
動態數據(堆): 至少 4kB,如果你用到了多個或多種控件的話,那么最好設置為 16kB 以上,這個是可以通過 lv_conf.h 配置文件中的 LV_MEM_SIZE 宏來定義的；
顯示緩沖區: 至少要比”水平分辨率像素”要大,一般推介值為 10 倍的”水平分辨率像素”,取個例子,假如我們屏幕的水平分辨率為480個像素,采用16位的顏色深度進行顯示,即一個像素占 2 個字節,那么推介的顯示緩沖區大小為 104802=9600 個字節

C99 或更新的編譯器,如果是用 keil 開發的話,一定得勾選”c99”模式,否則編譯會報錯的

基本的 c(或者 c++)語言知識,如:指針,結構體,回調函數

已經支持的平臺

LVGL 本身并不依賴特定的硬件平臺，任何滿足 LVGL 硬件配置要求的微控制器均可運行 LVGL。如下僅列舉其中一部分:

?

NXP:?Kinetis,?LPC,?iMX,?iMX?RT
STM32F1,?STM32F3,?STM32F4,?STM32F7,?STM32L4,?STM32L5,?STM32H7
Microchip?dsPIC33,?PIC24,?PIC32MX,?PIC32MZ
Linux?frame?buffer?(/dev/fb)
Raspberry?Pi
Espressif?ESP32
Infineon?Aurix
Nordic?NRF52?Bluetooth?modules
Quectel?modems

?

LVGL也支持：

?

Arduino?library
PlatformIO?package
Zephyr?library
ESP32?component
NXP?MCUXpresso?component
NuttX?library
RT-Thread?RTOS

?

官方效果圖

3、littleVGL 移植到 STM32F103

移植教程正點原子有做過，全套資源如下

教程寫的很好，大家可以參照移植，玩起來！