若移動端訪問不佳，請使用 --> Github版
內(nèi)容持續(xù)更新中，更新日期：2016-08-11
1. 程序啟動圖標(biāo)（icon launcher）
放在mipmap-*dpi下，文件名為ic_launcher.png
- L DPI ( Low Density Screen，120 DPI )，其圖標(biāo)大小為 36 x 36 px
- M DPI ( Medium Density Screen, 160 DPI )，其圖標(biāo)大小為 48 x 48 px
- H DPI ( High Density Screen, 240 DPI )，其圖標(biāo)大小為 72 x 72 px
- XH DPI ( Extra-high density screen, 320 DPI )，其圖標(biāo)大小為 96 x 96 px
- XXH DPI( xx-high density screen, 480 DPI )，其圖標(biāo)大小為144 x 144 px
- XXXH DPI( xxx-high density screen, 640 DPI )，其圖標(biāo)大小為192 x 192 px
技巧：自動生成對應(yīng)分辨率的 icon launcher
新增于2016-08-11
使用 Android Studio ，在 module或者 drawable 上右鍵 new > ImageAsset ,可以把一張大圖自動裁切成各 DPI 對應(yīng)的分辨率的 icon launcher。
細(xì)節(jié)操作參照下圖：
create icon launcher
- 選擇要生成的圖片類型：
Launcher Icons； - Name 會自動生成
ic_launcher，如果不是則填成ic_launcher； -
Asset Type設(shè)置成Image; - 在
path一列的最后選擇自己要生成的圖片 - 調(diào)整
Shape等參數(shù)； - 點(diǎn)擊
next一路到finish即可。
PS：使用 Shape 的其他參數(shù)，比如圓角square , 會默認(rèn)使用不支持透明度的顏色作為背景，所以要根據(jù)具體的圖標(biāo)進(jìn)行修改，特殊的情況需要設(shè)計師切出帶圓角和透明度的大圖。
2. 不透明度16進(jìn)制值
| 不透明度 | 16進(jìn)制值 |
|---|---|
| 100% | FF |
| 95% | F2 |
| 90% | E6 |
| 85% | D9 |
| 80% | CC |
| 75% | BF |
| 70% | B3 |
| 65% | A6 |
| 60% | 99 |
| 55% | 8C |
| 50% | 80 |
| 45% | 73 |
| 40% | 66 |
| 35% | 59 |
| 30% | 4D |
| 25% | 40 |
| 20% | 33 |
| 15% | 26 |
| 10% | 1A |
| 5% | 0D |
| 0% | 00 |
3. dp和px換算及關(guān)系
各DPI的換算：
Android DPI
數(shù)據(jù)總結(jié)表：
| 名稱 | 對應(yīng) DPI | 比例(以 mdpi 為基數(shù) 1) | 和px的換算關(guān)系 |
|---|---|---|---|
| lpdi | 120 DPI | 0.75 | 1 dp = 0.75 px |
| mdpi | 160 DPI | 1 | 1 dp = 1 px |
| hdpi | 240 DPI | 1.5 | 1 dp = 1.5 px |
| xhdpi | 320 DPI | 2 | 1 dp = 2 px |
| xxhdpi | 480 DPI | 3 | 1 dp = 3 px |
| xxxhdpi | 640 DPI | 4 | 1 dp = 4 px |
dp 到 px
這里給定：400 dp * 240 dp
則對應(yīng)的圖片分辨率分別為：
- lpdi ? 300 px * 180 px
- mdpi ? 400 px * 240 px
- hdpi ? 600 px * 360 px
- xhdpi ? 800 px * 480 px
- xxhdpi ? 1200 px * 720 px
- xxxhdpi ? 1600 px * 960 px
px 到 dp
從 px 換算成 dp 要知道它是以什么 dpi 標(biāo)準(zhǔn)來設(shè)計的，根據(jù)換算關(guān)系表可得到相應(yīng)的 dp 。
例如： 以 xxhdpi 標(biāo)準(zhǔn)設(shè)計的 UI，其中一個切圖的分辨率是 600 px * 360 px ，根據(jù)換算關(guān)系表可知，在 xxhdpi 標(biāo)準(zhǔn)下，1 dp = 3 px ,則其對應(yīng)的 dp 是 200 dp * 120 dp 。
PS:
