相關(guān)概念
屏幕尺寸
含義:手機(jī)對(duì)角線的物理尺寸
單位:英寸(inch),1英寸=2.54cm
Android手機(jī)常見的尺寸有5寸、5.5寸、6寸等等
屏幕分辨率
- 含義:手機(jī)在橫向、縱向上的像素點(diǎn)數(shù)總和
一般描述成屏幕的"寬x高”=AxB
含義:屏幕在橫向方向(寬度)上有A個(gè)像素點(diǎn),在縱向方向
(高)有B個(gè)像素點(diǎn)
例子: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)系是:

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ì)師的工作量!