前 言

本文檔提供基于Qt和LVGL的圖形用戶界面(GUI)的開發(fā)說明。其中Qt開發(fā)包含基于命令行和QtCreator的開發(fā)方式，以及Qt程序的開機自啟動方法；LVGL開發(fā)僅提供基于命令行的開發(fā)方式。

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

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

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

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

系統(tǒng)版本：Tronlong-Desktop 20.04（類Ubuntu）、Linux-5.10.209、U-Boot-2017.09

sysroot：rk3562-Tronlong-Desktop-20.04-sysroot-[版本號].tar.gz

應(yīng)用開發(fā)交叉編譯工具：gcc-aarch64-linux-gnu_9.4.0.tar.gz

LVGL版本：8.3.0

Qt版本：5.15.10

備注：本文基于2GByte LPDDR4X、16GByte eMMC配置單板機進行演示。

術(shù)語表

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

Qt組件支持

Qt組件支持情況如下，詳情請查看產(chǎn)品資料“4-軟件資料LinuxFilesystemrootfs-feature-support”文件。

注意事項

無特殊說明情況下，本文默認從eMMC啟動系統(tǒng)，使用DEBUG作為調(diào)試串口，使用欣瑞達的XT070YTA23R_A6 LVDS電阻屏作為顯示輸出。

圖1

如需使用網(wǎng)絡(luò)調(diào)試Qt工程，請將單板機通過路由器與PC機進行網(wǎng)絡(luò)連接，并確保上位機Ubuntu系統(tǒng)可正常訪問互聯(lián)網(wǎng)。

1Qt開發(fā)說明

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

我司提供的rk3562-Tronlong-Desktop-20.04-sysroot-[版本號].tar.gz壓縮包已提供適配單板機的ARM端Qt環(huán)境（Qt5.15.10，含qmake工具），請先參考《應(yīng)用開發(fā)手冊》的“開發(fā)環(huán)境搭建說明”章節(jié)安裝應(yīng)用開發(fā)交叉編譯工具鏈、sysroot壓縮包?？苫诿钚谢騋t Creator工具對已有Qt工程進行編譯，生成ARM端Qt程序鏡像。

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

圖2

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

圖3

圖4

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

Host# qtcreator -version

圖5

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

Host# sudo apt install gdb-multiarch

圖6

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

Host# gdb-multiarch --version

圖7

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

Host# source /home/tronlong/RK3562/environment

圖8

1.1.2配置交叉編譯工具鏈

執(zhí)行如下命令啟動QtCreator。

Host# qtcreator

圖9

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

圖10

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

圖11

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

/usr/bin/aarch64-linux-gnu-g++

圖12

圖13

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

圖14

1.1.3配置Debuggers

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

/usr/bin/gdb-multiarch

圖15

圖16

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

圖17

1.1.4配置Qt Versions

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

/home/tronlong/RK3562/sysroots/x86_64-linux/bin/qmake

圖18

圖19

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

圖20

1.1.5配置Kits

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

圖21

1.1.6編譯Qt工程

本章節(jié)以led_control案例為例，演示基于QtCreator工具開發(fā)Qt程序的方法。

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

圖22

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

圖23

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

圖24

圖25

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

圖26

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

圖?27

圖28

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

圖29

審核編輯 黃宇