前 言

本文檔提供基于Qt和LVGL的圖形用戶界面(GUI)的開發(fā)說明。包括組件支持情況，開發(fā)流程和基礎(chǔ)案例。

備注：LVGL相關(guān)功能正在開發(fā)中。

Qt和LVGL在跨平臺支持和開源特性上有相似之處，但在目標(biāo)平臺、資源占用、編程語言、功能豐富度、授權(quán)方式和應(yīng)用場景等方面存在明顯差異，具體如下。

開發(fā)環(huán)境

Windows開發(fā)環(huán)境：Windows10 64bit

Linux開發(fā)環(huán)境：VMware16.2.5、Ubuntu22.04 64bit

LinuxSDK開發(fā)包：LinuxSDK-[版本號]（基于rv1126b_linux6.1_release_v1.2.0）

應(yīng)用開發(fā)交叉編譯工具鏈：aarch64-buildroot-linux-gnu-gcc（版本為13.4.0，通過LinuxSDK編譯生成）

U-Boot開發(fā)、內(nèi)核開發(fā)：gcc-arm-10.3-2021.07-x86_64-aarch64-none-linux-gnu

評估板系統(tǒng)版本：U-Boot 2017.09、Linux-6.1.141、Buildroot-2024.02

Qt版本：5.15.11

LVGL版本：9.1

備注：本文基于16GByte eMMC、2GByteLPDDR4X配置核心板進行演示。

術(shù)語表

為便于閱讀，下表對文檔出現(xiàn)的關(guān)鍵術(shù)語進行解釋；對于廣泛認(rèn)同釋義的術(shù)語，在此不做注釋。

注意事項

本文默認(rèn)硬件連接說明如下：

（1）供電連接：使用Type-C線將評估板的POWER IN(CON5)接口連接至快充適配器，再將適配器接入電源，為評估板供電。

（2）顯示連接：通過HDMIOUT接口連接顯示設(shè)備，實現(xiàn)圖像輸出。

（3）調(diào)試串口連接：使用Type-C線將USB TO UART0調(diào)試串口連接至PC主機。

（4）網(wǎng)絡(luò)連接：將評估板ETH1 RGMII網(wǎng)口通過路由器與PC機接入同一局域網(wǎng)。

（5）系統(tǒng)啟動方式：通過板載eMMC存儲介質(zhì)啟動系統(tǒng)。

1Qt開發(fā)說明

Qt開發(fā)環(huán)境主要包括Qt Creator工具、X86端Qt環(huán)境、ARM端Qt環(huán)境、交叉編譯工具鏈等。當(dāng)用戶使用Qt Creator工具和X86端Qt環(huán)境編寫并編譯Qt工程后，生成的Qt程序鏡像僅可在X86端運行。必須使用適配評估板的ARM端Qt環(huán)境、交叉編譯工具鏈編譯Qt工程，生成的Qt程序鏡像方可在ARM端（即評估板）上正常運行。

LinuxSDK開發(fā)包中已提供適配評估板的ARM端Qt環(huán)境(5.15.11)，請先參考《開發(fā)環(huán)境搭建》和《Linux系統(tǒng)開發(fā)手冊》安裝、編譯LinuxSDK，構(gòu)建適配評估板的交叉編譯工具鏈和qmake工具?？苫诿钚谢騋t Creator工具對已有Qt工程進行編譯，生成ARM端Qt程序鏡像。

我司提供的Qt工程位于產(chǎn)品資料“4-軟件資料Demoqt-demos”目錄下，其中src目錄下包含Qt工程源碼，bin目錄下包含ARM端Qt程序鏡像。請將整個qt-demos文件夾拷貝至Ubuntu工作目錄下，如下圖所示。

1.1基于QtCreator開發(fā)

1.1.1安裝QtCreator工具

Qt Creator是一款專為Qt框架設(shè)計的跨平臺集成開發(fā)環(huán)境(IDE)，提供代碼編輯、調(diào)試、項目管理和界面設(shè)計等功能，支持高效開發(fā)Qt應(yīng)用程序。

執(zhí)行如下命令，安裝QtCreator。

Host# sudoaptinstallqtcreator

執(zhí)行如下命令，查看QtCreator版本。

Host# qtcreator -version

執(zhí)行如下命令，安裝GNU調(diào)試器。

Host# sudo apt install gdb-multiarch

執(zhí)行如下命令，查看調(diào)試器版本。

Host# gdb-multiarch --version

執(zhí)行如下命令，加載環(huán)境變量。

Host# source /home/tronlong/RV1126B/aarch64-buildroot-linux-gnu_sdk-buildroot/environment-setup

1.1.2配置交叉編譯工具鏈

執(zhí)行如下命令，啟動Qt Creator。

Host# qtcreator

啟動Qt Creator工具后，點擊菜單欄"Tools->Options…"。

點擊"Kits"，打開配置選擇頁面。

點擊"Compilers->Add->GCC->C++ ->Browse…"，選擇平臺交叉編譯工具鏈中的aarch64-buildroot-linux-gnu-g++，然后點擊Open確認(rèn)。具體路徑為：

/home/tronlong/RV1126B/aarch64-buildroot-linux-gnu_sdk-buildroot/bin/aarch64-buildroot-linux-gnu-g++

選擇后，Name修改為"RV1126-GCC"，ABI選擇"arm-linux-generic-elf-64bit"，再點擊Apply，如下圖所示。

1.1.3配置Debuggers

點擊"Debuggers ->Add -> Browse…"，選擇GNU調(diào)試器，然后點擊Open確認(rèn)。具體路徑為：

/usr/bin/gdb-multiarch

選擇后，Name修改為"gdb-multiarch"，再點擊Apply，如下圖所示。

1.1.4配置Qt Versions

點擊"Qt Versions->Add"，選擇平臺qmake，然后點擊Open確認(rèn)。具體路徑為：

/home/tronlong/RV1126B/aarch64-buildroot-linux-gnu_sdk-buildroot/bin/qmake

選擇后，Version name修改為"RV1126-qt5"再點擊Apply，如下圖所示。

1.1.5配置Kits

請參照下圖配置Kits各選項。點擊"Kits ->Add"，將Name修改為"RV1126"，Device type選擇"Generic Linux Device"，Compiler的C++選擇"RV1126-GCC"，Debugger選擇"gdb-multiarch"，Qtversion選擇"RV1126-qt5"，點擊Apply，然后點擊OK完成配置。

1.1.6編譯Qt工程

本章節(jié)使用led_control案例演示編譯Qt工程。

請在QtCreator界面，點擊"Open"。

選中Qt工程源碼目錄中.pro文件，點擊Open。

勾選RV1126平臺Kits，點擊"Browse…"選擇Qt程序鏡像生成的路徑，選擇好后點擊"Open"，如下圖所示。

點擊"Configure Project"進行工程配置，如下圖所示。

右擊Qt工程，點擊Build進行Qt工程編譯，生成可在評估板上正常運行的ARM端Qt程序鏡像，如下圖所示。

編譯完成后，將生成可在評估板上運行的ARM端Qt程序鏡像，如下圖所示。

審核編輯 黃宇