如何快速適配iOS和Android平臺UI元素

  沒有系統學習iOS開發實戰和Android開發與實戰課程的朋友們,對于快速適配iOS和Android平臺UI元素,難免會捉襟見肘。創客學院iOS開發培訓講師總結了6個實用的技巧值得新手學習的地方,包括Material Design、屏幕密度尺寸、圖標等等!



  如何快速適配iOS和Android平臺UI元素:

  1、不要轉換

  你不應該在Android上使用同一套規格的UI。iOS有一個能讓你一鍵返回桌面的“物理home鍵”。然而,Android上的按鍵是“返回、home和多任務”。這意味著什么?一位Android用戶可以從一個應用輕松跳轉到另一個應用。這是一個很大的不同之處。因此,iOS通常會有一個結合了縱向和橫向的UI結構,但Android則更偏向于縱向。這些“返回、home和多任務按鍵”都在屏幕底部,因此你不能把tab(標簽)放在底部的位置。

  2、 熟悉新詞

  你經常能挺到諸如“DP”、“SP”和“9 Patch”這樣的詞。DP和SP是尺寸單位,而9Patch是組件格式的名稱。DP是Density-independent Pixels的簡寫,它是一個永遠不會改變大小的絕對單位。SP和DP很像,但是它是可以伸縮的。如果用戶在設備的設置里調大文字,那么通過SP定義的字體大小就會受到影響。Yahoo News Digest9 Patch是一個能讓組件可大可小的格式,對于大幅縮小文件體積大有幫助。舉個例子,它可以被用來作為帶有陰影的按鍵。點擊鏈接查看具體細節。9 Patch圖片(左邊那張)可以驚人地擴張成如右圖那般的尺寸

  3、 理解屏幕密度和尺寸

  和iPhone不同,有百來個不同的生產商在基于Android系統研發他們的手機。舉個例子,OpenSignal、com的網站上有一份乍看美不勝收實則細思極恐的Android碎片化信息圖。不過這并不是說你要去為所有這些機子設計,所以不必驚慌。Android有一個屏幕密度的系統能適應于每個屏幕尺寸。因此你只需要留意那5到7個不同的尺寸就可以了。對于1080 x 1920 pixels(XXHDPI)來說,所有像素值除以3便是DP。如果你以1080 x 1920 px開始你的設計,你并不僅僅是在為Nexus 5設計,那些組件和規格同樣可以完美適配于其它的XXHDPI手機,比如Galaxy S4, HTC One 或 LG G2。下面我們回到DP的話題…DP是針對所有顯示屏的一個絕對數值單位。要實現正確的像素值,你必須在每個分辨率上做乘除法。比如,如果對于1080 x 1920 px(XXHDPI)來說,所有像素值除以3便是DP。是的,你必須在這里做一些數學乘除,這也是為什么有一些設計師從320 x 480px開始(這樣每個數字都是DP了)。然而,我更喜歡從1080 x 1920px開始,因為這是最流行的尺寸。但一切隨你。在任何情況下,你都應該為優化app于不同的屏幕尺寸和分辨率而做出努力。我建議你在app上線之前,在至少五個不同分辨率的設備上進行測試。要知道,即便他們分辨率不同但比例還是非常接近甚至一致的,因此你不必太擔心原始排版被打亂或需要重新設計的問題。Yahoo News Digest、 為各個分辨率適配。

  關于如何快速適配iOS和Android平臺UI元素后續內容請大家持續關注創客學院更新。推薦大家可以免費觀看創客學院iOS開發教程及其Android開發教程視頻,一起從零開始學Android開發和iOS開發有關知識。


? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 查看更多關于“iOS開發培訓”的相關資訊>>

the end

評論(0)