全球開發者各出奇招 我們想這樣適配iPhone X

2021-09-09 05:41:36 字數 2157 閱讀 7733

原創curator

北京時間9月12日凌晨,蘋果在賈伯斯劇院發布了iphone x,主打全面屏的iphone x取消了touch id,代之以face id。

為了實現更為安全的面部識別,iphone x正面的全面屏上方有一條劉海,上面整合了紅外(深度)攝像頭、近距離感測器、環境光感測器、左/上揚聲器、麥克風、前置攝像頭和乙個名為點狀投射儀 (dot projector)的元件。

它會投影數千個看不到的點在你臉上,對你的臉繪製一幅三維的深度「臉圖」,然後和系統記錄的臉圖進行比對。

對於開發這來說,這些都不重要!!重要的是:

這個螢幕上的劉海究竟要怎麼適配呀!!!

哦,不過這篇文章並不是為了吐槽這個點的。畢竟再怎麼吐槽,再過乙個多月iphone x就要發貨了,不管怎樣最終還是要面對現實。

經過了一段時間的沉澱,全世界的開發者們似乎已經找到了幾種適配iphone x劉海全面屏的方法。

首先是縱向上的問題:

縱向上主要是頂部的導航欄、狀態列和底部tabbar的問題。

但是多出來的145 pt並不是方方正正的矩形,而是被劉海切割成了異形區域。

於是就有人嘗試,既然蘋果沒有把劉海做齊,那通過軟體把劉海兩側的空白填上不就可以了嘛。

這樣是不是就順眼多了?「ears」的名稱也很貼切吧。

然而蘋果的「human inte***ce guidelines」明確禁止了這種做法。

蘋果規定:注意內容不要被裁切,建議內容為居中對稱已不被圓角或感測器等遮擋,也建議使用系統提供的的元素以及自動布局來構建頁面獲得更好的適配效果。

蘋果給出了iphone x設計布局的安全區意見是這樣的:

也就是說,開發者還要保證設計布局能夠填充整個螢幕,而核心內容又不能被裝置的大圓角、感測器(齊劉海)、以及底部的home indicator遮擋。

如果沒有適配iphone x,就會變成這樣的:

當然,比起縱向的問題,橫向的適配問題更大,槽點也更多。

首先是蘋果ios自帶的safari在橫屏狀態下網頁兩側會填充一定的空白,就變成了這樣的:

與此對應,蘋果給出的橫屏狀態下的安全區域是這樣的:

好吧,既然要載入空白區域,那滾動的時候滾動條該怎麼「優雅」的穿過劉海?

蘋果的safari滾動條在橫屏狀態下穿過劉海的時候變成貪吃蛇了?

還有這樣的:

當然,這些都是蘋果不允許的。

還有開發者把功能鍵的彈出放在了劉海那一側,由於也是黑色的背景,看起來更有一體感了:

**twitter: 0therplanet

而橫屏打遊戲的時候,操作介面被劉海遮擋。所以操作功能鍵需要放在蘋果建議的安全區域,其他的背景圖用來填充空白。

而如果想把男女朋友的**設為鎖屏桌布的話,需要找一張人物稍微「居中」或者「居下」的**(拍照的時候人物主體在畫面下方),否則就會變成了這樣:

比如這樣的:

iphone x劉海裡的face id雖然很強大,但是這樣的異形屏真是難為開發者和使用者了。

Mark NG 全球開發者大會志願翻譯

2020 11 07 我認領的是演講 ai ml如何加速小分子藥物發現 的英文校驗任務。演講的分享者黃毅汪,是法國亞創生命科學部門team leader,也是演算法工程師。因為涉及機器學習和深度學習領域的術語,在加入的時候大家填過自己的英語水平和專業背景簡介,可能比較合適吧,所以就領到了這個英文校驗...

RealMax攜手樂視舉辦全球AR開發者大賽

大賽的發起者realmax公司與樂視集團強強聯合,共同攜手發掘ar領域的優秀人才,推動全球範圍內ar技術的創新和發展。近日,realseer全球開發者大賽正在如火如荼地進行著。作為全球第乙個在ar領域的開發者大賽,此次的realseer全球開發者大賽一開始就獲得了很高的關注度,吸引了眾多參賽者預約報...

庫克在蘋果全球開發者大會上會給我們帶來哪些驚喜?

蘋果 2018 年全球開發者大會再有兩周就將正式拉開大幕。蘋果通常在全球開發者大會上披露有關iphone ipad mac 智慧型手錶 homepod智慧型音箱和apple tv新版作業系統和應用的資訊。今年蘋果全球開發者大會將於 6 月 4 日至 8 日在聖何塞舉行,屆時第三方開發者將有機會與蘋果...