嘿，各位樹莓派的發(fā)燒友們！今天我要和大家分享一個(gè)超酷的技巧——如何在沒有桌面環(huán)境的情況下，在樹莓派上開發(fā)GUI應(yīng)用。想象一下，你的樹莓派就像一個(gè)超級(jí)英雄，而我們要給它裝上一個(gè)炫酷的“面甲”，讓它不僅能跑，還能飛！而且，這個(gè)“面甲”不會(huì)拖慢它的速度，因?yàn)槲覀儾谎b笨重的桌面環(huán)境！

framebuffer：樹莓派的“魔法畫布”

首先，得聊聊framebuffer這個(gè)神奇的東西。framebuffer就像是Linux系統(tǒng)給我們的一個(gè)魔法畫布，你可以直接在上面畫畫。在樹莓派上，HDMI接口對(duì)應(yīng)的是/dev/fb0這個(gè)魔法畫布。如果你接的是普通的顯示器或者電視，直接往這個(gè)文件里寫數(shù)據(jù)，屏幕上就會(huì)出現(xiàn)你畫的內(nèi)容，簡(jiǎn)直不要太神奇！

如果你用的是SPI接口的屏幕，那你就有了第二個(gè)魔法畫布/dev/fb1。這時(shí)候，你需要在/boot/config.txt文件里設(shè)置一下分辨率，讓這兩個(gè)畫布的大小一樣。不然的話，就像給一個(gè)方形的畫布硬塞進(jìn)一個(gè)圓形的框里，畫面會(huì)變形，看著就別扭！

framebuffer_width=480framebuffer_height=320

在/boot/config.txt中，我們創(chuàng)建一個(gè)自定義的HDMI模式并設(shè)置分辨率。同樣，為你的屏幕選擇合適的分辨率。如果你希望同時(shí)在LCD屏幕和外部顯示器上以不同分辨率顯示，請(qǐng)不要這樣做。

# 當(dāng)LCD連接時(shí)，有兩個(gè)framebuffer：## - /dev/fb0 - 代表HDMI輸出。這個(gè)輸出支持硬件加速，# 因此應(yīng)該是GUI的目標(biāo)。# - /dev/fb1 - 代表LCD輸出。## 以下設(shè)置啟用了一個(gè)自定義模式（模式87），將HDMI# 輸出設(shè)置為與LCD相同的分辨率。這很有用，因?yàn)閼?yīng)用程序# 可以以硬件加速的輸出為目標(biāo)，然后使用raspi2fb工具將輸出鏡像到LCD。## HDMI組強(qiáng)制DMT輸出，即使在HDMI輸出上也是如此。DMT是顯示器的標(biāo)準(zhǔn)，# 而CEA是電視的標(biāo)準(zhǔn)。hdmi_cvt480320601000hdmi_mode=87hdmi_group=2

低級(jí)操作：直接往framebuffer上畫畫

如果你是編程大神，可以直接用C語(yǔ)言操作framebuffer。想象一下，你手里拿著一支魔法畫筆，直接在畫布上畫畫。不過，這個(gè)過程有點(diǎn)復(fù)雜，需要你用ioctl這個(gè)魔法咒語(yǔ)來獲取畫布的信息，比如寬度和高度。然后，你就可以用魔法畫筆在畫布上涂顏色了。不過，這個(gè)過程對(duì)新手來說有點(diǎn)難，別擔(dān)心，后面我會(huì)介紹一個(gè)更簡(jiǎn)單的工具。

通過framebuffer顯示圖形的步驟如下：

1. 打開對(duì)應(yīng)于你想要使用的顯示設(shè)備的/dev/fbX文件。

2. 使用ioctl（這是一個(gè)允許與某些設(shè)備通信的Linux系統(tǒng)調(diào)用）來獲取有關(guān)framebuffer的信息。具體方式是設(shè)備特定的，但framebuffer允許獲取諸如寬度和高度等信息。

3. 寫入字節(jié)到文件。確切的字節(jié)序列取決于framebuffer的顏色深度。

有一個(gè)關(guān)于使用framebuffer的絕佳指南，我強(qiáng)烈推薦閱讀。在按照示例操作時(shí)，我需要記住以下幾點(diǎn)：

要訪問framebuffer，你需要以root身份運(yùn)行。這并不理想，我們可以通過放松這一要求來解決，但目前請(qǐng)使用sudo運(yùn)行代碼示例。我將在下一節(jié)討論替代方案。

該指南假設(shè)你正在顯示到/dev/fb0。因?yàn)槲艺谑褂没赟PI的屏幕，所以我實(shí)際上想要顯示到/dev/fb1，所以我相應(yīng)地修改了代碼示例。

framebuffer的顏色深度將取決于你正在使用的屏幕，但通常HDMI輸出（/dev/fb0）將運(yùn)行在32bpp（每像素位數(shù)），而許多（所有？）SPI屏幕將運(yùn)行在16bpp。

鏡像魔法：讓兩個(gè)framebuffer同步顯示

如果你有兩個(gè)framebuffer，比如一個(gè)HDMI和一個(gè)SPI屏幕，你可以用raspi2fb這個(gè)魔法工具，把一個(gè)畫布上的內(nèi)容復(fù)制到另一個(gè)畫布上。就像用魔法鏡子把一個(gè)畫布上的畫面反射到另一個(gè)畫布上一樣。不過，別忘了先設(shè)置好分辨率，否則畫面會(huì)像被擠扁的氣球一樣變形。

如果你嘗試運(yùn)行raspi2fb，你會(huì)遇到權(quán)限錯(cuò)誤。原因是當(dāng)前用戶沒有權(quán)限與framebuffer交互。我們可以通過查看framebuffer文件的所有者和組來查看這一點(diǎn)：

$ls-l /dev/fb*crw-rw---- 1 root video 29, 0 Jan 1 22:48 /dev/fb0crw-rw---- 1 root video 29, 1 Jan 13 21:52 /dev/fb1

文件由root擁有，因此需要使用sudo運(yùn)行。然而，這存在安全問題，因?yàn)槟悴幌胱屇愕膽?yīng)用程序以root身份運(yùn)行！幸運(yùn)的是，framebuffer文件的組是video，所以你只需要將用戶添加到該組。例如，對(duì)于我的用戶：

usermod -a-Gvideoavik

現(xiàn)在你可以無(wú)需root權(quán)限運(yùn)行raspi2fb。

如上所述，如果你設(shè)置了SPI屏幕，并將系統(tǒng)配置為將控制臺(tái)顯示到fb1。當(dāng)raspi2fb將HDMI屏幕鏡像到fb1時(shí)，控制臺(tái)和raspi2fb（以及因此在HDMI屏幕上運(yùn)行的任何內(nèi)容）都在更新同一個(gè)framebuffer。這會(huì)導(dǎo)致文本光標(biāo)出現(xiàn)在屏幕上。

一個(gè)framebuffer感知的應(yīng)用程序應(yīng)該禁用文本光標(biāo)，但它只能在控制臺(tái)顯示在與應(yīng)用程序相同的framebuffer上時(shí)這樣做。但是，如果應(yīng)用程序顯示在fb0，而控制臺(tái)顯示在fb1，文本光標(biāo)仍然存在。解決方法是將控制臺(tái)顯示在fb0，與應(yīng)用程序一起。

你可以通過編輯/boot/cmdline.txt來實(shí)現(xiàn)這一點(diǎn)，但我想只在運(yùn)行raspi2fb時(shí)切換控制臺(tái)的輸出。幸運(yùn)的是，你可以使用con2fbmap在系統(tǒng)運(yùn)行時(shí)切換控制臺(tái)顯示。因此，你可能會(huì)執(zhí)行以下操作：

con2fbmap10 # 將控制臺(tái)切換到fb0raspi2fb # 將fb0鏡像到fb1# 在單獨(dú)的窗口或SSH會(huì)話中，運(yùn)行一個(gè)顯示到fb0的應(yīng)用程序。# 應(yīng)用程序完成后，停止raspi2fb，然后：con2fbmap11 # 將控制臺(tái)切換回fb1

注意，con2fbmap也需要訪問framebuffer，因此要么你需要以root身份運(yùn)行，要么你需要是video組的成員。

Raylib：讓GUI開發(fā)變得簡(jiǎn)單又有趣

說到這兒，我得隆重介紹一下Raylib這個(gè)神器。它就像一個(gè)魔法工具箱，讓你不用直接操作framebuffer，也能畫出漂亮的圖形界面。而且，它支持硬件加速，就像給你的樹莓派裝上了火箭助推器，速度超快！

它具有以下優(yōu)勢(shì)：

Raylib支持多個(gè)平臺(tái)。這意味著我可以在筆記本電腦上開發(fā)應(yīng)用程序，渲染到屏幕上的窗口，然后在樹莓派上部署該應(yīng)用程序，無(wú)需任何更改。

沒有外部依賴項(xiàng)。這使得在樹莓派上編譯變得容易，也可以理解庫(kù)代碼本身，因?yàn)樵搸?kù)非常自包含。

Raylib支持硬件加速，提供出色的性能。

Raylib包含功能，例如文本渲染支持，而這些功能我本來需要自己開發(fā)。

構(gòu)建Raylib：魔法工具箱的組裝

要使用Raylib，你需要先在樹莓派上構(gòu)建它。想象一下，你正在組裝一個(gè)魔法工具箱，需要按照說明書一步一步來。構(gòu)建過程中，你可能需要修改一些配置文件，比如把SUPPORT_BUSY_WAIT_LOOP這行注釋掉，這樣你的應(yīng)用就不會(huì)占用100%的CPU，而是像一個(gè)聰明的魔法師，只在需要的時(shí)候才使用魔法。

使用Raylib開發(fā)應(yīng)用

默認(rèn)情況下，Raylib使用“忙等待”循環(huán)。這意味著，在你的應(yīng)用程序完成渲染后，對(duì)于該幀的其余時(shí)間，Raylib會(huì)不斷檢查是否已經(jīng)過去足夠的時(shí)間以開始下一幀。這會(huì)導(dǎo)致高CPU使用率。

多個(gè)GitHub作者提到現(xiàn)在支持“睡眠”等待。在這種實(shí)現(xiàn)中，庫(kù)設(shè)置一個(gè)計(jì)時(shí)器，并要求操作系統(tǒng)在經(jīng)過一定時(shí)間后喚醒應(yīng)用程序。

需要注意的是，這種實(shí)現(xiàn)不是默認(rèn)的，你必須注釋掉一行并重新構(gòu)建庫(kù)：

// 在raylib/src/config.c中注釋掉以下行：#defineSUPPORT_BUSY_WAIT_LOOP

（但如果你使用CMake而不是Make，你可能需要在src/config.c.in中進(jìn)行此更改。）

通過此更改，我發(fā)現(xiàn)我的應(yīng)用程序在沒有進(jìn)行任何密集計(jì)算的情況下，CPU使用率為1-3%。

如果你查看用于構(gòu)建Raylib示例應(yīng)用程序的Makefile，你會(huì)發(fā)現(xiàn)許多平臺(tái)特定的選項(xiàng)。因?yàn)镽aylib支持如此多的平臺(tái)，Makefile相當(dāng)大。

當(dāng)你構(gòu)建自己的應(yīng)用程序時(shí)，你需要指定幾個(gè)選項(xiàng)。因?yàn)槲覜]有運(yùn)行任何make install類型的命令來構(gòu)建Raylib，所以庫(kù)的必要文件位于我下載Raylib的目錄中。

我從官方Makefile開始，移除了我不需要的平臺(tái)支持，只剩下以下必要的選項(xiàng)。

首先，我們定義一些編譯器標(biāo)志：

-std=c99：定義C語(yǔ)言模式（1999年修訂版的標(biāo)準(zhǔn)C）

-D_DEFAULT_SOURCE：與-std=c99一起在Linux上使用，用于timespec，這是用于與時(shí)間相關(guān)的功能。

CFLAGS= -std=c99 -D_DEFAULT_SOURCE

接下來，我們需要告訴編譯器在哪里找到定義庫(kù)的數(shù)據(jù)結(jié)構(gòu)和函數(shù)的Raylib頭文件。這里，RAYLIB_PATH指的是你下載Raylib的位置。

INCLUDE_PATHS=-isystem$RAYLIB_PATH/src \ -isystem$RAYLIB_PATH/src/external# 在樹莓派上，你還需要指定在哪里找到一些頭文件# 這些頭文件在不同位置。這些頭文件被Raylib使用。INCLUDE_PATHS+=-I/opt/vc/includeINCLUDE_PATHS+=-I/opt/vc/include/interface/vmcs_host/linuxINCLUDE_PATHS+=-I/opt/vc/include/interface/vcos/pthreads

然后，我們需要告訴編譯器在哪里找到編譯后的庫(kù)。如果你查看Raylib發(fā)行版中的src目錄，你會(huì)發(fā)現(xiàn)構(gòu)建庫(kù)已經(jīng)創(chuàng)建了一個(gè)libraylib.a文件。這就是我們將鏈接的文件。

不同平臺(tái)的附加依賴庫(kù)有所不同。例如，在桌面Linux上，我們是使用X，但在樹莓派上則不是。

告訴編譯器在哪里找到libraylib.aLDFLAGS = -L$RAYLIB_PATH/srcLDFLAGS += -L/opt/vc/lib # 在樹莓派上需要# 在桌面Linux上LDLIBS = -lraylib -lm -lpthread -ldl -lrt -lX11# 在樹莓派上LDLIBS = -lraylib -lbrcmGLESv2 -lbrcmEGL -lpthread -lrt -lm -lbcm_host -ldl

現(xiàn)在，你可以調(diào)用編譯器：

gcc-o app app.c$CFLAGS$INCLUDE_PATHS$LDFLAGS$LDLIBS

實(shí)際上，我指定了更多的標(biāo)志，比如-Wall以發(fā)出更多的警告，但上述是最低要求。

觸摸屏校準(zhǔn)：讓觸摸屏聽話

如果你的樹莓派有觸摸屏，那你就需要校準(zhǔn)它，讓觸摸屏知道你的手指在哪兒。這個(gè)過程有點(diǎn)像訓(xùn)練一只小狗，基本方法是使用tslib庫(kù)來獲取原始觸摸事件，根據(jù)一些過濾器和校準(zhǔn)設(shè)置進(jìn)行轉(zhuǎn)換，然后創(chuàng)建一個(gè)新的觸摸事件流，Raylib可以從中讀取。

在我們開始之前，注意tslib操作的是/dev/input/eventX文件，就像framebuffer文件一樣，這些文件用于與觸摸屏設(shè)備交互。與framebuffer文件一樣，要與觸摸事件文件交互，我們需要必要的權(quán)限：

$ls-l /dev/input/event*crw-rw---- 1 root input 13, 64 Jan 1 22:48 /dev/input/event0

注意input組，所以我們將當(dāng)前用戶添加到該組。例如，對(duì)于我：

usermod -a-Ginputavik

接下來，tslib在Rasbian軟件包倉(cāng)庫(kù)中可用，但版本太舊，無(wú)法滿足我們的需求。因此，我們需要從源代碼構(gòu)建它：

sudo apt install automake libtoolgitclonegit://github.com/kergoth/tslib.gitcdtslib./autogen.sh./configuremakesudo make install

最后，我們需要校準(zhǔn)觸摸屏，測(cè)試它并創(chuàng)建一個(gè)新的事件流，Raylib可以從中讀取。我發(fā)現(xiàn)這些命令需要稍作修改，與上面鏈接的指南中的命令有所不同。

#校準(zhǔn)sudo \ LD_LIBRARY_PATH=/usr/local/lib \ TSLIB_FBDEVICE=/dev/fb1 \ TSLIB_TSDEVICE=/dev/input/event0 \ TSLIB_CALIBFILE=/etc/pointercal\ TSLIB_CONFFILE=/etc/ts.conf \ TSLIB_PLUGINDIR=/usr/local/lib/ts\ ts_calibrate# 測(cè)試sudo \ LD_LIBRARY_PATH=/usr/local/lib \ TSLIB_FBDEVICE=/dev/fb1 \ TSLIB_TSDEVICE=/dev/input/event0 \ TSLIB_CALIBFILE=/etc/pointercal\ TSLIB_CONFFILE=/etc/ts.conf \ TSLIB_PLUGINDIR=/usr/local/lib/ts\ ts_test# 創(chuàng)建新的事件流sudo \ LD_LIBRARY_PATH=/usr/local/lib \ TSLIB_FBDEVICE=/dev/fb1 \ TSLIB_TSDEVICE=/dev/input/event0 \ TSLIB_CALIBFILE=/etc/pointercal\ TSLIB_CONFFILE=/etc/ts.conf \ TSLIB_PLUGINDIR=/usr/local/lib/ts\ ts_uinput -v

最后一個(gè)命令將創(chuàng)建一個(gè)新的/dev/input/eventX文件，其編號(hào)比現(xiàn)有的文件更大。Raylib已經(jīng)設(shè)置為從編號(hào)最大的文件讀取，啟動(dòng)Raylib應(yīng)用程序?qū)㈤_始從正確的事件流讀取。

你還可以在運(yùn)行最后一個(gè)命令時(shí)包含-d參數(shù)，以在后臺(tái)以守護(hù)進(jìn)程模式運(yùn)行。

總之，通過這些魔法工具和技巧，你可以在樹莓派上開發(fā)出輕量級(jí)的GUI應(yīng)用，而且不會(huì)拖慢它的速度。這就像給你的樹莓派裝上了一個(gè)輕便的“面甲”，讓它既能跑得快，又能看起來很酷！如果你有任何問題或者想法，歡迎在評(píng)論區(qū)留言，我們一起探討！