折疊屏手機(jī)和平板電腦的出現(xiàn),打破了設(shè)備固定變化外形的局面,隨之而來的體驗(yàn)交互也會(huì)發(fā)生了改變。
為了特別幫助Web開發(fā)人員,微軟提出了一種新的API,可以幫助開發(fā)人員更好地規(guī)劃其頁(yè)面布局,以考慮折疊屏設(shè)備的可變屬性。
微軟新的API為Window Segments Enumeration API,目的是幫助開發(fā)人員在跨越多個(gè)顯示屏的窗口中有效地執(zhí)行相同操作并幫助做出反應(yīng),比如觸摸鍵盤的彈出。
根據(jù)微軟內(nèi)部產(chǎn)品團(tuán)隊(duì),目前與可折疊體驗(yàn)相關(guān)的一些問題是:
硬件差異:優(yōu)化的網(wǎng)頁(yè)可以完美地在三星Galaxy Fold等設(shè)備上運(yùn)行,但在類似硬件上可能存在技術(shù)難題。
折疊功能和狀態(tài):確定可以安全渲染的區(qū)域(折疊或展開)時(shí)出現(xiàn)的問題。
軟件問題:網(wǎng)頁(yè)的某些部分可能由軟件鍵盤和其他軟件相關(guān)區(qū)域(包括通知)發(fā)生。
未來:開發(fā)人員希望有一種穩(wěn)定的方法來測(cè)試他們的硬件。
微軟建議使用“Window Segments Enumeration API”來表示位于相鄰顯示器上的窗口的區(qū)域甚至尺寸。
Window Segments表示位于單獨(dú)(相鄰)顯示屏上的窗口區(qū)域(及其尺寸)。Window Segments以CSS像素表示,并通過JavaScript API公開,允許開發(fā)人員枚舉段,包括被遮擋的區(qū)域。
它將允許多個(gè)顯示屏。例如,這是一個(gè)導(dǎo)航應(yīng)用程序。該應(yīng)用程序使用‘devicePixelRatio’來計(jì)算跨越顯示的窗口布局。
同樣,這個(gè)概念將在一個(gè)被遮擋的區(qū)域中起作用:
最后,我們?cè)陧?yè)面上有一個(gè)電子郵件地址消息的示例,其中包含軟件鍵盤和另一部分的選定郵件:
根據(jù)微軟公司的說法,現(xiàn)有的API可用于改善可折疊設(shè)備的體驗(yàn):
Presentation API
Screen Enumeration API說明程序,它將提供有關(guān)物理屏幕配置的信息。
窗口放置API解釋器