1). 簡介
目前大多數(shù)設(shè)備的顯示器是橫屏，例如高清分辨率1920x1080、筆記本14寸顯示器1366x768以及最近很熱門的 4K 分辨率3840x2160。另外一種則是豎屏顯示器，常見于娛樂、廣告設(shè)備，手機最為常見的豎屏設(shè)備，以及戶外的廣告牌、售貨機以及汽車的中控顯示臺等。大部分顯示器控制器都可以支持橫屏和豎屏，正如在手機和平板上看到的一樣。
本文基于Toradex的 Apalis iMX6 計算機模塊進(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 計算機模塊采用基于 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 運算重新排列輸出像素內(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īng)用運行的流暢性。
a). 在Qt中可以直接將頂層窗口旋轉(zhuǎn)，其內(nèi)部的子組件也會按同樣的方向旋轉(zhuǎn)，如下面所示
b). 顯示效果如下：
c). 對于部分無法直接繼承頂層窗口的旋轉(zhuǎn)屬性，則需要單獨調(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)容，能獲得更好的運行效果。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 計算機模塊，能提供更好的用戶體驗。Toradex的Apalis Tegra K1、Apalis/Colibri iMX6、Apalis/Colibri T30以及下一代產(chǎn)品Apalis iMX8 QuadMax 計算機模塊均能夠支持 OpenGL，同時具有不同配置，能夠滿足不同項目的需求。