樣例和圖解 外框:整體大小 ↑ 邊框:圖標留白大小 ↓ 圖標:外圖標的大小 ↑ 陰影:陰影特效大小 ↓ 圖形:內圖標的大小 ↑ 可選視圖權重:使用兩種類型的圖形尺寸可以達到統一的視覺權重(可選), 一般是針對圖標有凸出的情況,會有一個內部會有一個更小的尺寸大小 ↓ 可選圖形:第二種圖形尺寸(可選) ...
樣例和圖解
外框:整體大小
↑
邊框:圖標留白大小
↓
圖標:外圖標的大小
↑
陰影:陰影特效大小
↓
圖形:內圖標的大小
↑
可選視圖權重:使用兩種類型的圖形尺寸可以達到統一的視覺權重(可選),
一般是針對圖標有凸出的情況,會有一個內部會有一個更小的尺寸大小
↓
可選圖形:第二種圖形尺寸(可選)
註:繪製上圖時用到一個示例圖標,是在網路上找的,如有侵犯您的權利,請聯繫我,進行刪除.
外框尺寸
最新尺寸:(根據解析度,Google已經更新尺寸信息如下)
MDPI:48 × 48 px
HDPI:72 × 72 px
XHDPI:96 × 96 px
XXHDPI:144 × 144 px
XXXHDPI:192 × 192 px
目前DPI最高的設備已經可達534,538的樣子,所以這個尺寸目前應予以恰當的考慮,
一般情況下,前4種尺寸即可,目前新建項目後,預設也是前4種尺寸
|
科普一下 歷史尺寸:(早期時候,由於解析度沒有現在那麼高,採用尺寸如下) MDPI:36 × 36 px HDPI:48 × 48 px XHDPI:72 × 72 px XXHDPI:96 × 96 px XXXHDPI:144 × 144 px |
圖標尺寸
MDPI:40 × 40 px (邊框各4 px)
HDPI: 60 × 60 px (邊框各6 px)
XHDPI:80 × 80 px (邊框各8 px)
XXHDPI:120 × 120 px (邊框各12 px)
XXXHDPI:160 × 160 px (邊框各16 px )
圖形尺寸
MDPI:38 × 38 px (陰影各2 px)
HDPI: 56 × 56 px (陰影各4 px)
XHDPI:76 × 76 px (陰影各4 px)
XXHDPI:112 × 112 px (陰影各4 px)
XXXHDPI:152 × 152 px (陰影各4 px )
可選圖形尺寸
MDPI:36 × 36 px (可選視圖權重2 px)
HDPI: 52 × 52 px (可選視圖權重4 px)
XHDPI:72 × 72 px (可選視圖權重4 px)
XXHDPI:108 × 108 px (可選視圖權重4 px)
XXXHDPI:148 × 148 px (可選視圖權重4 px)
ICON For Launcher:
| 編號 | 尺寸\名稱 | 邊框尺寸 | 邊框留白 | 圖標尺寸 | 陰影區 | 圖形尺寸 | 可選視圖權重 | 可選圖標尺寸 |
| 1 | MDPI | 48 × 48 px | 4 px | 40 × 40 px | 2 px | 38 × 38 px | 2 px | 36 × 36 px |
| 2 | HDPI | 72 × 72 px | 6 px | 60 × 60 px | 4 px | 56 × 38 px | 4 px | 52 × 52 px |
| 3 | XHDPI | 96 × 96 px | 8 px | 80 × 80 px | 4 px | 76 × 76 px | 4 px | 72 × 72 px |
| 4 | XXHDPI | 144 × 144 px | 12 px | 120 × 120 px | 4 px | 112 × 112 px | 4 px | 108 × 108 px |
| 5 | XXXHDPI | 192 × 192 px | 16 px | 160 × 160 px | 4 px | 152 × 152 px | 4 px | 148 × 148 px |
ICON For All:
|
尺寸\圖標類型 |
Launcher (啟動圖標) |
Menu (菜單圖標) |
Status Bar (狀態圖標) |
Tab (Tab導航圖標) |
Dialog (對話框圖標) |
List View (列表Item圖標) |
| MDPI | 48 × 48 px | 48 × 48 px | 32 × 32 px | 32 × 32 px | 32 × 32 px | 32 × 32 px |
| HDPI | 72 × 72 px | 72 × 72 px | 48 × 48 px | 48 × 48 px | 48 × 48 px | 48 × 48 px |
| XHDPI | 96 × 96 px | 96 × 96 px | 64 × 64 px | 64 × 64 px | 64 × 64 px | 64 × 64 px |
| XXHDPI | 144 × 144 px | 144 × 144 px | 96 × 96 px | 96 × 96 px | 96 × 96 px | 96 × 96 px |
| XXXHDPI | 192×192 px | 192×192 px | 128×128 px | 128×128 px | 128×128 px | 128×128 px |
該文參考了最新的官方文檔和自身實際開發實踐簡單總結歸納而成,轉載請註明出處!謝謝合作!
如有不當之處,歡迎指正.
頂部圖片和表格由我整理歸納而成.
