面對iPhone X劉海現實,看看全世界的開發者怎麼適配

北京時間 9 月 12 日凌晨,蘋果在喬佈斯劇院發佈瞭 iPhone X,主打全面屏的 iPhone X 取消瞭Touch ID,代之以Face ID。

為瞭實現更為安全的面部識別,iPhone X 正面的全面屏上方有一條劉海,上面集成瞭紅外(深度)攝像頭、近距離傳感器、泛光感應元件、環境光傳感器、左/上揚聲器、麥克風、前置攝像頭和一個名為點狀投射儀 (Dot projector)的元件。它會投影30000多個肉眼不可見的光點在你臉上,對你的臉繪制一幅三維的深度“臉圖”,然後和系統記錄的臉圖進行比對。

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

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

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

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

首先是縱向上的問題:

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

iPhone X 開發尺寸與 iPhone 8的寬度一致,在垂直方向上多瞭145 pt,這就意味著多出20%的垂直空間, APP 可以展示更多的內容。

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

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

這樣是不是就順眼多瞭?“Ears”的名稱也很貼切吧。

然而蘋果的“Human Interface Guidelines”明確禁止瞭這種做法。

蘋果規定:註意內容不要被裁切,建議內容為居中對稱已不被圓角或傳感器等遮擋,也建議使用系統提供的的元素以及自動佈局來構建頁面獲得更好的適配效果。註意 StatusBar 的高度,iPhone X 的狀態欄高度會更高,如果有開發者對 NavgationBar 的位置是通過固定值進行位置的定位的,建議升級 App。

而且如果 App 是隱藏 StatusBar 的,蘋果建議開發者重新考慮,iPhone X 為用戶在垂直空間上提供瞭更多展示空間,且狀態欄中也包含瞭用戶需要知道的信息,除非能通過隱藏狀態欄帶給用戶額外的價值,否則蘋果建議將狀態欄還給用戶。

蘋果給出瞭 iPhone X 設計佈局的安全區意見是這樣的:

也就是說,開發者還要保證設計佈局能夠填充整個屏幕,而核心內容又不能被設備的大圓角、傳感器(齊劉海)、以及底部的Home Indicator遮擋。

如果沒有適配 iPhone X,就會變成這樣的:

圖片來源:奇點開發者@圖拉鼎(註:新版奇點已適第一銀行信用貸款利率配)

另一款成功適配的 APP 效果圖是這樣的:

圖片來源:四葉新媒體聯合創始人微博@Saic

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

首先是蘋果 iOS 自帶的Safari 在橫屏狀態下富邦信貸條件網頁兩側會填充一定的空白,就變成瞭這樣的:

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

好吧,既然要加載空白區域,那滾動的時候滾動條該怎麼“優雅”的穿過劉海 富邦 信貸 利率 比較 2017

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

還有這樣的:

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

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

圖片來源Twitter: 0therPlanet

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

也就是說,按照蘋果的開發指南,無論橫屏還是豎屏,要適配 iPhone X 這樣有劉海的屏幕,除瞭審美需(被)要(迫)提(適)高(應),APP 重要的功能鍵、TabBar 等需要放在蘋果建議的安全區域內,其他的地方用 APP 背景頁或者狀態欄填充。

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

還有一些需要我們的審美去適應(無解)的情況,尤其是全屏模式下瀏覽照片、看視頻以及 Safari 閱讀模式。

比如這樣的:

圖片來源:微博@Jonny

iPhone X 劉海裡的 Face ID 雖然很強大,但是這樣的異形屏真是難為開發者和用戶瞭。

哦,對瞭關於開頭那個王者榮耀的吐槽,中關村在線的評測已經給出瞭答案。騰訊官方的適配方法是這樣的:
  • 真實案例講解:被貸款了怎麼辦?什麼是“被貸款”?台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@被貸款是指被他人假冒自己的名義在銀行辦理了貸款。台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@一些人在遭遇此類事件時,往往忍氣吞聲,不知該如何應對。事實上,被貸款了怎麼辦這個問題很好解決,只看你有沒有勇氣拿起武器捍衛自己的合法權益?有權要求認定合同無效【案例一】 2011105日,熊妍購買了一套商品房,當她交完首付,來到銀行辦理按揭手續時,卻遭到拒絕。理由是她曾辦理過三筆貸款,累計金額已達90萬元,台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@不能再貸款了。銀行提供的查詢證明顯示,台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@熊妍於2009年及2010年,在鄰縣一家銀行的確有著貸款記錄,每筆均為30萬元。“我根本就沒有在你們銀行貸過款,台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@怎麼會有如此巨額的貸款記錄?”面對熊妍的質詢,台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@鄰縣銀行卻無動於衷,因為他們知道,這只不過是領導親屬利用私自獲取的熊妍身份資訊辦理的貸款。台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@熊妍有權訴請法院確認三筆貸款合同無效。本案中,銀行領導為了自己親屬的利益,弄虛作假、串通一氣地連續三次利用私自獲取的熊妍身份資訊辦理貸款,台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@客觀上也確已損害熊妍的利益,無疑當屬惡意串通。而《合同法》第五十二條規定:“有下列情形之一的,合同無效:……()惡意串通,損害國家、集體或者第三人利益台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@;……”《民法通則》第五十八條也已規定“惡意串通,損害國家、集體或者第三人利益的”民事行為無效。即銀行與真正貸款人的行為,台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@從開始起就對熊妍沒有法律約束力。
  • 台新信貸試算 個人信貸利率比較有沒有表格可以參考@E@
  • 真實案例講解:被貸款了怎麼辦?什麼是“被貸款”?個人信貸利率 現在銀行跟民間借貸利率哪個好?被貸款是指被他人假冒自己的名義在銀行辦理了貸款。個人信貸利率 現在銀行跟民間借貸利率哪個好?一些人在遭遇此類事件時,往往忍氣吞聲,不知該如何應對。事實上,被貸款了怎麼辦這個問題很好解決,只看你有沒有勇氣拿起武器捍衛自己的合法權益?有權要求認定合同無效【案例一】 2011105日,熊妍購買了一套商品房,當她交完首付,來到銀行辦理按揭手續時,卻遭到拒絕。理由是她曾辦理過三筆貸款,累計金額已達90萬元,個人信貸利率 現在銀行跟民間借貸利率哪個好?不能再貸款了。銀行提供的查詢證明顯示,個人信貸利率 現在銀行跟民間借貸利率哪個好?熊妍於2009年及2010年,在鄰縣一家銀行的確有著貸款記錄,每筆均為30萬元。“我根本就沒有在你們銀行貸過款,個人信貸利率 現在銀行跟民間借貸利率哪個好?怎麼會有如此巨額的貸款記錄?”面對熊妍的質詢,個人信貸利率 現在銀行跟民間借貸利率哪個好?鄰縣銀行卻無動於衷,因為他們知道,這只不過是領導親屬利用私自獲取的熊妍身份資訊辦理的貸款。個人信貸利率 現在銀行跟民間借貸利率哪個好?熊妍有權訴請法院確認三筆貸款合同無效。本案中,銀行領導為了自己親屬的利益,弄虛作假、串通一氣地連續三次利用私自獲取的熊妍身份資訊辦理貸款,個人信貸利率 現在銀行跟民間借貸利率哪個好?客觀上也確已損害熊妍的利益,無疑當屬惡意串通。而《合同法》第五十二條規定:“有下列情形之一的,合同無效:……()惡意串通,損害國家、集體或者第三人利益個人信貸利率 現在銀行跟民間借貸利率哪個好?;……”《民法通則》第五十八條也已規定“惡意串通,損害國家、集體或者第三人利益的”民事行為無效。即銀行與真正貸款人的行為,個人信貸利率 現在銀行跟民間借貸利率哪個好?從開始起就對熊妍沒有法律約束力。
  • 個人信貸利率 現在銀行跟民間借貸利率哪個好?
  • 真實案例講解:被貸款了怎麼辦?什麼是“被貸款”?各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表被貸款是指被他人假冒自己的名義在銀行辦理了貸款。各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表一些人在遭遇此類事件時,往往忍氣吞聲,不知該如何應對。事實上,被貸款了怎麼辦這個問題很好解決,只看你有沒有勇氣拿起武器捍衛自己的合法權益?有權要求認定合同無效【案例一】 2011105日,熊妍購買了一套商品房,當她交完首付,來到銀行辦理按揭手續時,卻遭到拒絕。理由是她曾辦理過三筆貸款,累計金額已達90萬元,各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表不能再貸款了。銀行提供的查詢證明顯示,各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表熊妍於2009年及2010年,在鄰縣一家銀行的確有著貸款記錄,每筆均為30萬元。“我根本就沒有在你們銀行貸過款,各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表怎麼會有如此巨額的貸款記錄?”面對熊妍的質詢,各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表鄰縣銀行卻無動於衷,因為他們知道,這只不過是領導親屬利用私自獲取的熊妍身份資訊辦理的貸款。各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表熊妍有權訴請法院確認三筆貸款合同無效。本案中,銀行領導為了自己親屬的利益,弄虛作假、串通一氣地連續三次利用私自獲取的熊妍身份資訊辦理貸款,各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表客觀上也確已損害熊妍的利益,無疑當屬惡意串通。而《合同法》第五十二條規定:“有下列情形之一的,合同無效:……()惡意串通,損害國家、集體或者第三人利益各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表;……”《民法通則》第五十八條也已規定“惡意串通,損害國家、集體或者第三人利益的”民事行為無效。即銀行與真正貸款人的行為,各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表從開始起就對熊妍沒有法律約束力。
  • 各家銀行信貸比較 銀行不會跟你說!各家銀行信用貸款利率比較表

台灣電動床工廠 電動床

台灣電動床工廠 電動床

AUGI SPORTS|重機車靴|重機車靴推薦|重機專用車靴|重機防摔鞋|重機防摔鞋推薦|重機防摔鞋

AUGI SPORTS|augisports|racing boots|urban boots|motorcycle boots

arrow
arrow
    全站熱搜

    trn139lx31 發表在 痞客邦 留言(0) 人氣()