android 屏幕適配注意點(diǎn)

相關(guān)概念

屏幕尺寸

  • 含義:手機(jī)對(duì)角線的物理尺寸

  • 單位:英寸(inch),1英寸=2.54cm

Android手機(jī)常見的尺寸有5寸、5.5寸、6寸等等

屏幕分辨率

  • 含義:手機(jī)在橫向、縱向上的像素點(diǎn)數(shù)總和
  1. 一般描述成屏幕的"寬x高”=AxB

  2. 含義:屏幕在橫向方向(寬度)上有A個(gè)像素點(diǎn),在縱向方向

    (高)有B個(gè)像素點(diǎn)

  3. 例子:1080x1920,即寬度方向上有1080個(gè)像素點(diǎn),在高度方向上有1920個(gè)像素點(diǎn)

  • 單位:px(pixel),1px=1像素點(diǎn)

UI設(shè)計(jì)師的設(shè)計(jì)圖會(huì)以px作為統(tǒng)一的計(jì)量單位

  • Android手機(jī)常見的分辨率:320x480、480x800、720x1280、1080x1920

屏幕像素密度

  • 含義:每英寸的像素點(diǎn)數(shù)

  • 單位:dpi(dots per ich)

假設(shè)設(shè)備內(nèi)每英寸有160個(gè)像素,那么該設(shè)備的屏幕像素密度=160dpi

  • 安卓手機(jī)對(duì)于每類手機(jī)屏幕大小都有一個(gè)相應(yīng)的屏幕像素密度:

| 密度類型 | 代表的分辨率(px) | 屏幕像素密度(dpi)|

| ------------- |:-------------:|

| 低密度(ldpi) | 240x320 | 120 |

| 中密度(mdpi) | 320x480 | 160 |

| 高密度(hdpi) | 480x800 | 240|

| 超高密度(xhdpi) | 720x1280 | 320|

| 超超高密度(xxhdpi) | 1080x1920 | 480 |

屏幕尺寸、分辨率、像素密度三者關(guān)系

一部手機(jī)的分辨率是寬x高,屏幕大小是以寸為單位,那么三者的關(guān)系是:

image

dp

  • 含義:density-independent pixel,叫dp或dip,與終端上的實(shí)際物理像素點(diǎn)無關(guān)。

  • 單位:dp,可以保證在不同屏幕像素密度的設(shè)備上顯示相同的效果
    Android開發(fā)時(shí)用dp而不是px單位設(shè)置圖片大小,是Android特有的單位

  • 場(chǎng)景:假如同樣都是畫一條長度是屏幕一半的線,如果使用px作為計(jì)量單位,那么在480x800分辨率手機(jī)上設(shè)置應(yīng)為240px;在320x480的手機(jī)上應(yīng)設(shè)置為160px,二者設(shè)置就不同了;如果使用dp為單位,在這兩種分辨率下,160dp都顯示為屏幕一半的長度。

  • dp與px的轉(zhuǎn)換
    因?yàn)閡i設(shè)計(jì)師給你的設(shè)計(jì)圖是以px為單位的,Android開發(fā)則是使用dp作為單位的,那么我們需要進(jìn)行轉(zhuǎn)換:

| 密度類型 | 代表的分辨率(px) | 屏幕密度(dpi)|換算(px/dp) |比例|
| ------------- |:-------------:| -------------:| -------------:|
| 低密度(ldpi) | 240x320 | 120 |1dp=0.75px|3|
| 中密度(mdpi) | 320x480 | 160 |1dp=1px|4|
| 高密度(hdpi) | 480x800 | 240|1dp=1.5px|6|
| 超高密度(xhdpi) | 720x1280 | 320|1dp=2px|8|
| 超超高密度(xxhdpi) | 1080x1920 | 480 |1dp=3px|12|

在Android中,規(guī)定以160dpi(即屏幕分辨率為320x480)為基準(zhǔn):1dp=1px

獨(dú)立比例像素

含義:scale-independent pixel,叫sp或sip
單位:sp
Android開發(fā)時(shí)用此單位設(shè)置文字大小,可根據(jù)字體大小首選項(xiàng)進(jìn)行縮放
推薦使用12sp、14sp、18sp、22sp作為字體設(shè)置的大小,不推薦使用奇數(shù)和小數(shù),容易造成精度的丟失問題;小于12sp的字體會(huì)太小導(dǎo)致用戶看不清

節(jié)省設(shè)計(jì)資源&工作量

在現(xiàn)在的App開發(fā)中(iOS和Android版本),有些設(shè)計(jì)師為了保持App不同版本的體驗(yàn)交互一致,可能會(huì)以iPhone手機(jī)為基礎(chǔ)進(jìn)行設(shè)計(jì),包括后期的切圖之類的。
設(shè)計(jì)師們一般都會(huì)用最新的iPhone6和iPhone5s(5s和5的尺寸以及分辨率都一樣)來做原型設(shè)計(jì),所有參數(shù)請(qǐng)看下圖

|機(jī)型| 分辨率(px) | 屏幕尺寸(inch) | 系統(tǒng)密度(dpi)|
| ------------- |:-------------:| -------------:|
|iPhone 5s| 640X1164 | 4 | 332 |
|iPhone 6| 1334x750 | 4.7 | 326 |
| iPhone 6 Plus | 1080x1920 |5| 400 |

iPhone主流的屏幕dpi約等于320, 剛好屬于xhdpi,所以選擇xhdpi作為唯一一套dpi圖片資源,可以讓設(shè)計(jì)師不用專門為Android端切圖,直接把iPhone的那一套切好的圖片資源放入drawable-xhdpi文件夾里就好,這樣大大減少的設(shè)計(jì)師的工作量!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容