還在為嵌入式顯示界面的開發(fā)而煩惱嗎？配置環(huán)境復(fù)雜、移植LVGL困難、燒錄過程頻頻出錯——這些問題我們都懂。今天，我們將手把手帶你走完啟明云端ESP32-S3 2.8寸串口屏的完整開發(fā)流程，讓你快速實現(xiàn)酷炫的LVGL界面效果！本教程代碼全部開源！后臺私信關(guān)鍵詞“S3-2.8寸屏LVGL開發(fā)“自動獲取ESP32-S3 2.8寸串口屏LVGL開發(fā)源代碼百度網(wǎng)盤鏈接！

串口屏準(zhǔn)備

本次我們用于給大家演示的LVGL開發(fā)流程的串口屏是啟明云端自主研發(fā)的基于樂鑫科技ESP32-S3的2.8寸串口屏。

該串口屏自帶結(jié)構(gòu)件，支持采用LVGL工具進行UI開發(fā)，支持快速開發(fā)。

我們還為大家準(zhǔn)備了詳細(xì)的上手指南，大家可以參考學(xué)習(xí)：

搭建ESP-IDF環(huán)境

1. 輸入以下代碼更新軟件包：sudo apt-get update

2. 輸入以下代碼安裝esp-idf環(huán)境依賴包：

sudo apt-get install git wget flex bison gperf python3-pip python3-venv cmake

ninja-build ccache libffi-dev libssl-dev dfu-util libusb-1.0-0 net-tools）

3. 創(chuàng)建存放idf的?件夾，路徑可以??選擇（mkdir esp cd esp）

4. 進行換源(此操作只需國內(nèi)?戶進?,國外?戶請忽略)，拉取gitee?具

5. 輸入代碼cd esp-gitee-tools執(zhí)?gitee?具切換鏡像腳本

6. 更換pip源，拉取esp-idf源碼：

cd .. git clone --recursive https://github.com/espressif/esp-idf.git

7. 切換esp-idf版本分?到v5.1

8.安裝編譯?具

9.設(shè)置環(huán)境變量并將環(huán)境變量放到.bashrc中，驗證esp-idf環(huán)境

下載啟明SDK

1. 輸入以下代碼拉取源碼，該拉取流程中已集成 LVGL demo 相關(guān)資源：git clone https://gitee.com/qiming-zhixian/qmsd-esp32-bsp.git2. 進?示例目錄，輸入以下代碼選擇開發(fā)板類型：idf.py load-board，以ZX2D80CE02S這款產(chǎn)品為例，鍵盤輸?2，回車等待系統(tǒng)配置完成3.編譯工程 idf.py build4. 打包固件 idf.py generate-firmware 會?成?個firmware_0x0.bin?件，將打包的固件復(fù)制到桌面上

燒錄

1. 輸入以下網(wǎng)址進入官網(wǎng)下載燒錄工具，點擊Download,選擇flash Download Tool進行下載：

https://www.espressif.com/zh-hans/support/download/other-tools

2. 打開燒錄工具，ZX2D80CE02S選擇類型為ESP32-S3 ，點擊ok

3. 選擇需要燒錄的固件,目標(biāo)地址為0x0.選擇目標(biāo)端口號

4. 點擊START開始燒錄

移植LVGL官方例程到qmsd

1. 輸入qmsd的示例get-start,我們的修改將基于get-start進行

2. 新建自定義組件目錄，輸入代碼mkdir components獲取LVGL8.10.0源代碼

3.解壓后進?此目錄下將其復(fù)制到widgets目錄下

4. 編寫CMakeLists.txt使程序加?構(gòu)建系統(tǒng)

idf_component_register(

SRC_DIRS .

INCLUDE_DIRS .

REQUIRES ui_engine）

5. 修改復(fù)制的?件,使其適配qmsd

6. 修改mian.c，在app_main（Void）中添加以下代碼開啟GUI刷新任務(wù)

7. 輸入以下配置代碼將屏幕變?yōu)闄M屏

8. 選擇開發(fā)板類型(選擇開發(fā)板時出錯可以嘗試將啟明SD添加進環(huán)境變量)，開始編譯

9. 編譯失敗，此次失敗原因是芯片內(nèi)部 32KB 內(nèi)存不足，需修改配置

10.再次編譯，再次打包固件并復(fù)制到桌面上替換，按照之前的燒錄步驟再次燒錄

本地代碼合成

1. 編寫?個串口初始化函數(shù)

2. 修改main_app(Void)

3. 創(chuàng)建?個串口接收線程

4. 修改LVGL界?

啟明云端ESP32-S3串口屏為嵌入式交互應(yīng)用提供了強大的開發(fā)平臺，讓產(chǎn)品開發(fā)更加便捷高效！其實這款串口屏的天賦還遠(yuǎn)不止于此，還支持爆改掌上游戲機，感興趣的小伙伴可以入手學(xué)習(xí)哦！如果你也對我們的ESP32-S3 2.8寸串口屏感興趣，歡迎關(guān)注“啟明云端官方企業(yè)店”淘寶店鋪，更多好物等你來撈！