你是否也曾被ESP32的顯示開(kāi)發(fā)折磨到“頭禿”？環(huán)境配置報(bào)錯(cuò)、LVGL移植失敗、屏幕死活不亮……無(wú)數(shù)個(gè)小時(shí)在調(diào)試中白白浪費(fèi)。

別擔(dān)心，這篇指南就是你的“速救手冊(cè)”。我們將跳過(guò)所有繁瑣的坑，直擊核心，讓你在最短時(shí)間內(nèi)，親眼看到LVGL界面在啟明智顯ESP32-S3 2.8寸屏上流暢運(yùn)行。無(wú)需痛苦的摸索，跟著我們的步驟，從零到一，全程暢通無(wú)阻。

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

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

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

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界?

跟著這份指南一步步操作，相信你已經(jīng)成功點(diǎn)亮了屏幕，并看到了屬于自己的LVGL界面。這不僅是代碼的成功運(yùn)行，更是你攻克嵌入式UI開(kāi)發(fā)難題的堅(jiān)實(shí)一步。

如果在實(shí)踐中遇到任何問(wèn)題，或者成功做出了炫酷的效果，歡迎在評(píng)論區(qū)分享你的成果與經(jīng)驗(yàn)——你的真實(shí)經(jīng)歷，就是幫助其他開(kāi)發(fā)者最寶貴的力量。