Android必知必會-App 常用表徵圖尺寸規範匯總

標籤：調整   icon   path   icons   table   內容   行修改   預設   ofo   

若移動端訪問不佳，請使用 –> Github版

內容持續更新中，更新日期：2016-08-11

1. 程式啟動表徵圖（icon launcher）

放在mipmap-*dpi下，檔案名稱為ic_launcher.png

• L DPI ( Low Density Screen，120 DPI )，其表徵圖大小為 36 x 36 px
• M DPI ( Medium Density Screen, 160 DPI )，其表徵圖大小為 48 x 48 px
• H DPI ( High Density Screen, 240 DPI )，其表徵圖大小為 72 x 72 px
• XH DPI ( Extra-high density screen, 320 DPI )，其表徵圖大小為 96 x 96 px
• XXH DPI( xx-high density screen, 480 DPI )，其表徵圖大小為144 x 144 px
• XXXH DPI( xxx-high density screen, 640 DPI )，其表徵圖大小為192 x 192 px

技巧：自動產生對應解析度的 icon launcher

新增於2016-08-11

使用 Android Studio ，在 module或者 drawable 上右鍵 new > ImageAsset ,可以把一張大圖自動裁切成各 DPI 對應的解析度的 icon launcher。

細節操作參照： 

1. 選擇要產生的圖片類型：Launcher Icons ；
2. Name 會自動產生 ic_launcher ，如果不是則填成 ic_launcher ；
3. Asset Type 設定成 Image ;
4. 在 path 一列的最後選擇自己要產生的圖片
5. 調整 Shape 等參數；
6. 點擊 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 。

轉：

51910874

Android必知必會-App 常用表徵圖尺寸規範匯總