1). 簡介
目前大多數(shù)設(shè)備的顯示器是橫屏,，例如高清分辨率1920x1080,、筆記本14寸顯示器1366x768以及最近很熱門的 4K 分辨率3840x2160。另外一種則是豎屏顯示器,，常見于娛樂,、廣告設(shè)備,，手機(jī)最為常見的豎屏設(shè)備，以及戶外的廣告牌,、售貨機(jī)以及汽車的中控顯示臺等,。大部分顯示器控制器都可以支持橫屏和豎屏，正如在手機(jī)和平板上看到的一樣,。
本文基于Toradex的 Apalis iMX6 計算機(jī)模塊進(jìn)行豎屏配置說明,，其采用 NXP 的 iMX6 SoC。iMX6 SoC 最多帶有兩個 IPU 顯示控制器,，支持LVDS,、RGB、DVI/HDMI顯示器,。每個 IPU 最高支持 1024x1024像素的圖像旋轉(zhuǎn),。截至本文撰寫時，iMX6的IPU 驅(qū)動還只支持垂直翻轉(zhuǎn),，即180°旋轉(zhuǎn),。因此，對于±90°的旋轉(zhuǎn),，需要通過其他途徑實現(xiàn),。Apalis iMX6 計算機(jī)模塊采用基于 Angstrom的 Linux BSP，其采用 X11顯示框架,。Apalis iMX6 也能夠支持 Qt5作為 GUI 框架,。在 Apalis iMX6上面可以借助 X11和 Qt5實現(xiàn)豎屏顯示,。
2). 基于X11的豎屏顯示配置
a). X11本身可以通過軟件配置，旋轉(zhuǎn)顯示的內(nèi)容,。由于 X11 是底層的顯示管理框架,，因此能夠?qū)⑺械娘@示內(nèi)容都進(jìn)行統(tǒng)一的旋轉(zhuǎn)。開發(fā)人員只需要根據(jù)顯示區(qū)域重新調(diào)整內(nèi)容排列,，而不需要重構(gòu)代碼。下面命令將屏幕順時針旋轉(zhuǎn)90°,。
------------------------
root@apalis-imx6:~#xrandr -o right
------------------------
b). 在顯示旋轉(zhuǎn)后,，觸摸輸入需要進(jìn)行相同的旋轉(zhuǎn)。
------------------------
root@apalis-imx6:~#xinput set-prop stmpe-ts 'Coordinate Transformation Matrix' 0 1 0 -1 0 1 0 0 1
------------------------
c). 顯示效果如下圖所示,。
d). 由于顯示和觸摸輸入都做了同樣的旋轉(zhuǎn),，應(yīng)用程序上能夠正確響應(yīng)觸摸事件。X11 是通過軟件的方式將顯示輸出進(jìn)行選擇,，通過 CPU 運(yùn)算重新排列輸出像素內(nèi)容,。因此效率上低于直接通過顯示控制器實現(xiàn)。下面是使用 glxgears測試1024x768 屏幕選擇前后的性能,。
./ 正常橫屏顯示,，1024x768
------------------------
root@apalis-imx6:~#glxgears -fullscreen
1101frames in 5.0 seconds = 220.045 FPS
1073frames in 5.8 seconds = 186.566 FPS
1090 framesin 5.0 seconds = 217.848 FPS
1092frames in 5.0 seconds = 218.238 FPS
1093frames in 5.0 seconds = 218.413 FPS
------------------------
./ 豎屏顯示，768x1024
------------------------
root@apalis-imx6:~#glxgears -fullscreen
456frames in 5.0 seconds = 91.079 FPS
578frames in 5.0 seconds = 115.483 FPS
598frames in 5.0 seconds = 119.456 FPS
513frames in 5.0 seconds = 102.499 FPS
415frames in 5.0 seconds = 82.989 FPS
------------------------
從測試結(jié)果看,，經(jīng)X11 旋轉(zhuǎn)后,，在同樣的分辨率下，性能下降近一半,。由于這是通過軟件方式實現(xiàn),，隨著屏幕分辨率上升，性能會進(jìn)一步下降,。對于復(fù)雜 UI（特別是有3D效果）或者對輸出幀率有要求的應(yīng)用,，X11 旋轉(zhuǎn)屏幕并不是理想的方法。簡單交互 UI的應(yīng)用,，例如按鍵控制,、文本、圖片顯示的應(yīng)用,，X11旋轉(zhuǎn)屏幕的開銷并不會明顯影響用戶使用體驗,。
2). 基于QT的豎屏顯示配置
如果追求絢麗 UI的應(yīng)用，在 Apalis iMX6 可以使用Qt5 作為 UI 框架,。從Qt5開始,，QML 可以借助 OpenGL在 GPU 渲染，不僅可以獲得更高的效率,，還可以釋放CPU 資源,，使其處理其他的邏輯運(yùn)算,，提高應(yīng)用運(yùn)行的流暢性。
a). 在Qt中可以直接將頂層窗口旋轉(zhuǎn),，其內(nèi)部的子組件也會按同樣的方向旋轉(zhuǎn),，如下面所示
b). 顯示效果如下：
c). 對于部分無法直接繼承頂層窗口的旋轉(zhuǎn)屬性，則需要單獨(dú)調(diào)整,。Qt 提供QTransform Class實現(xiàn)更多的旋轉(zhuǎn)效果,。由于只進(jìn)行Qt應(yīng)用顯示的旋轉(zhuǎn)，觸摸輸入并未發(fā)生變化,，因此Qt 應(yīng)用仍然能正確響應(yīng)觸摸事件,。
d). 在 GPU 上渲染的QML內(nèi)容，能獲得更好的運(yùn)行效果,。QtWidget應(yīng)用無法在 GPU 上渲染,，只能通過軟件的方式進(jìn)行旋轉(zhuǎn)。
3). 總結(jié)
豎屏應(yīng)用的需求,，除了上面提到交互 UI 外,，另一類則是視頻顯示。同樣,，X11可以直接將所有內(nèi)容旋轉(zhuǎn),，但也會面臨性能問題，在這高分辨率視頻,、多路視頻同時顯示方面會尤為明顯,。在 Apalis iMX6 平臺上，gst-1.0的imxg2dvideosink 組件,，可以將視頻內(nèi)容通過 OpenGL 直接顯示,，并避免X11垂直同步的問題。
綜上所述,，用戶可以利用X11,，只需修改內(nèi)容排版，即可實現(xiàn)豎屏應(yīng)用,?；蛘呤褂肣t5 UI 框架，在應(yīng)用內(nèi)旋轉(zhuǎn)輸出內(nèi)容,。對于需要高級視覺效果的UI,，或者高清視頻顯示應(yīng)用，X11 的軟件旋轉(zhuǎn)并不是理想的方案,。那些帶有支持 OpenGL的 GPU 計算機(jī)模塊,，能提供更好的用戶體驗。Toradex的Apalis Tegra K1、Apalis/Colibri iMX6,、Apalis/Colibri T30以及下一代產(chǎn)品Apalis iMX8 QuadMax 計算機(jī)模塊均能夠支持 OpenGL,，同時具有不同配置，能夠滿足不同項目的需求,。