因?yàn)椋?/p>
Ui設(shè)計(jì)師用單位px和pt作圖，
Android開(kāi)發(fā)人員用dp和sp開(kāi)發(fā)，
于是，經(jīng)常發(fā)生很多溝通上的麻煩。
?為了讓日常切圖尺寸的溝通更加和諧，我整理了安卓切圖的相關(guān)信息。
舉例：banner的切圖尺寸：iOS和Android的換算舉例：
已知：在640x1136px，iPhone@2x的banner尺寸是W640xH160px，
問(wèn)題：在720x1280px，Android@xhdpi時(shí)，banner切圖尺寸是多少？
解：
因?yàn)閍pp首頁(yè)banner是占滿橫屏的，所以banner寬度為720px, 高度的計(jì)算公式如下，
640px ? ? ? ? ? ? 160px
一一一一 ?＝ ?一一一一
720px ? ? ? ? ? ? ? B
解得：B＝180px，
所以：在720x1280px，Android@xhdpi時(shí)，banner切圖尺寸等于W720xH180px。
安卓的相關(guān)尺寸信息統(tǒng)計(jì)：【符號(hào)表示對(duì)應(yīng)關(guān)系】
@Ldpi（安卓手機(jī)）240x320px 120ppi
@mdpi（安卓手機(jī)）320x480px 160ppi
@hdpi（安卓手機(jī)）480x800px 240ppi
@xhdpi（安卓手機(jī)）720x1280px 320ppi
@xxhdpi（安卓手機(jī)）1080x1920px 480ppi
常見(jiàn)app的banner切圖，需要切6張不同尺寸的圖：
640x160@2x（蘋(píng)果手機(jī)）
960x240@3x（蘋(píng)果手機(jī)）
320x80@mdpi（安卓手機(jī)）
480x120@hdpi（安卓手機(jī)）
720x180@xhdpi（安卓手機(jī)）
1080x270@xxhdpi（安卓手機(jī)）
其中安卓屏幕分辨率的倍數(shù)關(guān)系如下，
320x1=320，對(duì)應(yīng)屏幕@mdpi（安卓手機(jī)）320x480px 160ppi
320x1.5=480，對(duì)應(yīng)屏幕@hdpi（安卓手機(jī)）480x800px 240ppi
320x2.25=720，對(duì)應(yīng)屏幕@xhdpi（安卓手機(jī)）720x1280px 320ppi
320x3.375＝1080，對(duì)應(yīng)屏幕@xxhdpi（安卓手機(jī)）1080x1920px 480ppi
安卓屏幕密度的倍數(shù)關(guān)系如下，
160x1=160，對(duì)應(yīng)屏幕@mdpi（安卓手機(jī)）320x480px 160ppi
160x1.5=240，對(duì)應(yīng)屏幕@hdpi（安卓手機(jī)）480x800px 240ppi
160x2=320，對(duì)應(yīng)屏幕@xhdpi（安卓手機(jī)）720x1280px 320ppi
160x3＝480，對(duì)應(yīng)屏幕@xxhdpi（安卓手機(jī)）1080x1920px 480ppi
因此，安卓的2倍圖，實(shí)際上是2.25倍。安卓的3倍圖，實(shí)際上是3.375倍。
dp是虛擬像素，在不同的像素密度的設(shè)備上會(huì)自動(dòng)適配，
比如:
在320x480分辨率，像素密度為160,1dp=1px
在480x800分辨率，像素密度為240,1dp=1.5px
計(jì)算公式:1dp*像素密度/160 = 實(shí)際像素?cái)?shù)
dp和px的換算公式 ：
dp*ppi/160 = px。比如1dp x160ppi/160 = 1px。
1dp ? ? ? ?160ppi
一一一＝一一一
1 px ? ? ? ? ?160
sp是安卓的字體單位，
英文名稱(chēng)：Scale-independent pixels，以160PPI屏幕為標(biāo)準(zhǔn)，當(dāng)字體大小為 100%時(shí)， 1sp=1px。
sp 與 px 的換算公式：1sp*ppi/160 = 1px
1sp ? ? ? ? ? ?160ppi
一一一 ＝ 一一一一
1pt ? ? ? ? ? ? ? 160
Sketch切圖倍數(shù)如下：
切圖切6套，文件夾顯示如下：
本文作者：張?jiān)棋X(qián)。微信號(hào)；944352559
