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