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