1. 程序啟動圖標(icon launcher)
放在
mipmap-*dpi
下,文件名為ic_launcher.png
LDPI (Low Density Screen,120 DPI),其圖標大小為 36 x 36 px。
MDPI (Medium Density Screen, 160 DPI),其圖標大小為 48 x 48 px。
HDPI (High Density Screen, 240 DPI),其圖標大小為 72 x 72 px。
xhdpi (Extra-high density screen, 320 DPI),其圖標大小為 96 x 96 px。
xxhdpi(xx-high density screen, 480 DPI),其圖標大小為144 x 144 px。
xxxhdpi(xxx-high density screen, 640 DPI),其圖標大小為192 x 192 px。
技巧:自動生成對應分辨率的 icon launcher
新增於2016-08-11
使用 Android Studio
,在 module
或者 drawable
上右鍵 new > ImageAsset
,可以把一張大圖自動裁切成各 DPI 對應的分辨率的 icon launcher。
選擇要生成的圖片類型:
Launcher Icons
;Name 會自動生成
ic_launcher
,如果不是則填成ic_launcher
;Asset Type
設置成Image
;在
path
一列的最後選擇自己要生成的圖片調整
Shape
等參數;點擊
next
一路到finish
即可。
PS:使用 Shape
的其他參數,比如圓角square
, 會默認使用不支持透明度的顏色作為背景,所以要根據具體的圖標進行修改,特殊的情況需要設計師切出帶圓角和透明度的大圖。
2. 不透明度16進制值
不透明度 | 16進制值 |
---|---|
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換算及關係
各DPI的換算:
數據總結表:
名稱 | 對應 DPI | 比例(以 mdpi 為基數 1) | 和px的換算關係 |
---|---|---|---|
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
則對應的圖片分辨率分別為:
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
標準來設計的,根據換算關係表可得到相應的 dp
。
例如: 以 xxhdpi
標準設計的 UI,其中一個切圖的分辨率是 600 px * 360 px
,根據換算關係表可知,在 xxhdpi
標準下,1 dp = 3 px
,則其對應的 dp
是 200 dp * 120 dp
。
閱讀更多 攻城獅養成記 的文章