Android 表徵圖尺寸與設計，android表徵圖尺寸

Android 表徵圖尺寸與設計，android表徵圖尺寸

範例和圖解

外框:整體大小

　　　　↑

　 邊框:表徵圖留白大小

　　　　↓

表徵圖:外表徵圖的大小

　　　　↑

　 陰影:陰影特效大小

　　　　↓

圖形:內表徵圖的大小

　　　　↑

　 可選視圖權重:使用兩種類型的圖形尺寸可以達到統一的視覺權重(可選),

　       一般是針對表徵圖有凸出的情況,會有一個內部會有一個更小的尺寸大小

　　　　↓

可選圖形:第二種圖形尺寸(可選)

注:繪製時用到一個樣本表徵圖,是在網路上找的,如有侵犯您的權利,請聯絡我,進行刪除.

 

外框尺寸

最新尺寸:(根據解析度,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

 

 

 

 

 

 

 

 

 

該文參考了最新的官方文檔和自身實際開發實踐簡單總結歸納而成,轉載請註明出處!謝謝合作!

如有不當之處,歡迎指正.

頂部圖片和表格由我整理歸納而成.