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

串口屏準(zhǔn)備

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

該串口屏自帶結(jié)構(gòu)件，支持采用LVGL工具進(jìn)行UI開(kāi)發(fā)，支持快速開(kāi)發(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. 進(jìn)行換源(此操作只需國(guó)內(nèi)?戶進(jìn)?,國(guó)外?戶請(qǐng)忽略)，拉取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中，驗(yàn)證esp-idf環(huán)境

下載啟明SDK

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

燒錄

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

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

2. 打開(kāi)燒錄工具，ZX2D80CE02S選擇類(lèi)型為ESP32-S3 ，點(diǎn)擊ok

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

4. 點(diǎn)擊START開(kāi)始燒錄

移植LVGL官方例程到qmsd

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

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

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

4. 編寫(xiě)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）中添加以下代碼開(kāi)啟GUI刷新任務(wù)

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

8. 選擇開(kāi)發(fā)板類(lèi)型(選擇開(kāi)發(fā)板時(shí)出錯(cuò)可以嘗試將啟明SD添加進(jìn)環(huán)境變量)，開(kāi)始編譯

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

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

本地代碼合成

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

2. 修改main_app(Void)

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

4. 修改LVGL界?

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