QT是目前主流的UI界面設計軟件之一，Linux系統也支持QT應用，并且提供了很多方便的接口。所以有必要記錄一下基于QT，在LCD屏幕上實現UI界面功能的各種細節。

1. 系統配置

出于方便，我采用的是正點原子提供的出廠系統，里面已經安裝并配置好了QT，可以直接燒寫QT程序進行功能實現。

里面已經寫入了正點原子的出廠UI界面，所以接下來需要對其進行修改。

2. 配置Qt Creator

交叉編譯工作的安裝參考正點原子的相關文檔，這里不再贅述。

啟動

啟動的時候需要加載交叉編譯器，所以需要在qtcreator.sh中插入對應指令

sudo vi /opt/QT5.12.12/Tools/QtCreator/bin/qtcreator.sh # 以自己電腦的QT安裝路徑為準

在第一行插入以下指令

source /opt/st/stm32mp1/3.1-snapshot/environment-setup-cortexa7t2hf-neon-vfpv4-ostl-linux-gnueabi

?

?

啟動的時候采用以下指令（也可以將其寫入到.sh文件便于啟動）

/opt/Qt5.12.9/Tools/QtCreator/bin/qtcreator.sh &

編譯器配置

新建項目，并選擇以下的編譯套件

編譯

遠程調試

配置Linuxfb/eglfs方式調試（只需修改Command line arguments 為 linuxfb或eglfs）

注意：Upload Files via SFTP這一步也要添加，否則不會自動上傳新代碼至開發板

注意：linuxfb采用純軟件渲染，eglfs采用GPU渲染，后者顯示會更流暢。

不過eglfs只有在采用EMMC啟動Linux內核和根文件系統時可用，對于遠程網絡調試只能使用linuxfb方式。

配置完成后，運行程序的時候，Qt Creator會把程序發送至開發板，然后開始運行。

Ubuntu本機調試

3. 修改內核啟動LOGO

（1）修改logo顯示源碼

修改fbcon.c文件下的fbcon_prepare_logo函數

修改fbmem.c下的fb_show_logo_line函數

（2）準備一張適配屏幕大小的.png圖片

?

（3）使用netpbm圖像轉換庫處理圖片

pngtopnm logo.png > logo.pnm # 轉換格式
pnmquant 224 logo.pnm > logo_224.pnm # 修改顏色通道數量
pnmtoplainpnm logo_224.pnm > logo_linux_clut224.ppm # 轉換格式

**（4）將文件放置在指定路徑 **

sudo cp logo_linux_clut224.ppm 內核路徑/drivers/video/logo

重新編譯內核后，使用新的內核啟動開發板即可。

4. 配置自啟動UI界面

關閉正點原子的出廠UI服務

systemctl disable atk-qtapp-start.service # 執行此項關閉Qt桌面服務，下次啟動不生效
systemctl enable atk-qtapp-start.service # 執行此項開啟Qt桌面服務
systemctl stop atk-qtapp-start.service # 暫時停止Qt桌面服務，重啟服務用restart

啟動UI界面指令

/usr/local/test -platform linuxfb # 以自己放置UI程序的路徑為準

編寫自啟動服務

cd /lib/systemd/system
touch jozen-qt-start.service
vi jozen-qt-start.service


#添加以下內容
[Unit]
Description=Run a Custom Script at Startup
After=default.target


[Service]
ExecStart=/usr/local/test -platform linuxfb


[Install]
WantedBy=default.target

編輯：黃飛

?