1. 程式人生 > >android 常見解析度(mdpi、hdpi 、xhdpi、xxhdpi )及螢幕適配注意事

android 常見解析度(mdpi、hdpi 、xhdpi、xxhdpi )及螢幕適配注意事

1.1 手機常見解析度:

4:3
VGA     640*480 (Video Graphics Array)
QVGA  320*240 (Quarter VGA)
HVGA  480*320 (Half-size VGA)
SVGA  800*600 (Super VGA)

5:3
WVGA  800*480 (Wide VGA)

16:9
FWVGA 854*480 (Full Wide VGA)
HD        1920*1080 High Definition
QHD     960*540
720p    1280*720  標清
1080p  1920*1080 高清

手機:
iphone 4/4s    960*640 (3:2)
iphone5         1136*640
小米1             854*480(FWVGA)
小米2             1280*720

1.2 解析度對應DPI
"HVGA    mdpi"

"WVGA   hdpi "
"FWVGA hdpi "
"QHD      hdpi "
"720P     xhdpi" 
"1080P   xxhdpi "

ldpi: 螢幕密度為120的手機裝置

mdpi: 螢幕密度為160的手機裝置(此為baseline,其他均以此為基準,在此裝置上,1dp = 1px)

hdpi: 螢幕密度為240的手機裝置

xhdpi: 螢幕密度為320的手機裝置

xxhdpi:螢幕密度為480的手機裝置

nodpi:把一些不能被拉伸的圖片放在 drawable-nodpi 中,此圖片將不會被放大,以原大小顯示。

在不同解析度下的顯示大小是一樣的,不會被拉伸,保證了圖片的美觀。 但是寬和高要寫wrap_content,不要寫dip

2 螢幕適配的注意事項

2.1 基本設定

2.1.1 AndroidManifest.xml設定

在中Menifest中新增子元素

android:anyDensity="true"時,應用程式安裝在不同密度的終端上時,程式會分別載入xxhdpi、xhdpi、hdpi、mdpi、ldpi資料夾中的資源。

相反,如果設為false,即使在資料夾下擁有相同資源,應用不會自動地去相應資料夾下尋找資源:

1) 如果drawable-hdpi、drawable-mdpi、drawable-ldpi三個資料夾中有同一張圖片資源的不同密度表示,那麼系統會去載入drawable_mdpi資料夾中的資源;

2) 如果drawable-hpdi中有高密度圖片,其它兩個資料夾中沒有對應圖片資源,那麼系統會去載入drawable-hdpi中的資源,其他同理;

3) 如果drawable-hdpi,drawable-mdpi中有圖片資源,drawable-ldpi中沒有,系統會載入drawable-mdpi中的資源,其他同理,使用最接近的密度級別。

2.1.2 橫屏豎屏目錄區分

1) drawable

a) drawable-hdpi該圖片即適用於橫屏,也適用於豎屏;

b) drawable-land-hdpi,當螢幕為橫屏,且為高密度時,載入此資料夾的資源;

c) drawable-port-hdpi,當螢幕為豎屏,且為高密度時,載入此資料夾中的資源。其他同理。

2) layout

在res目錄下建立layout-port和layout-land兩個目錄,裡面分別放置豎屏和橫屏兩種佈局檔案,以適應對橫屏豎屏自動切換。

2.2 多螢幕適配的4條黃金原則

1) 在layout檔案中設定控制元件尺寸時應採用fill_parent、wrap_content、match_parent和dp;

具體來說,設定view的屬性android:layout_width和android:layout_height的值時,wrap_content,match_parent或dp比px更好,文字大小應該使用sp來定義

2) 在程式的程式碼中不要出現具體的畫素值,在dimens.xml中定義;

為了使程式碼簡單,android內部使用pix為單位表示控制元件的尺寸,但這是基於當前螢幕基礎上的。為了適應多種螢幕,android建議開發者不要使用具體的畫素來表示控制元件尺寸。

3) 不使用AbsoluteLayout(android1.5已廢棄) ,可以使用RelativeLayout替代;

4) 對不同的螢幕提供合適大小的圖片。

不同大小螢幕用不同大小的圖片,low:medium:high:extra-high圖片大小的比例為3:4:6:8;舉例來說,對於中等密度(medium)的螢幕你的圖片畫素大小為48×48,那麼低密度(low)螢幕的圖片大小應為36×36,高(high)的為72×72,extra-high為96×96。

2.3 使用9-patch PNG圖片

使用圖片資源時,如果出現拉伸,因為圖片處理的原因,會變形,導致介面走形。9-patch PNG圖片也是一種標準的PGN圖片,在原生PNG圖片四周空出一個畫素間隔,用來標識PNG圖片中哪些部分可以拉伸、哪些不可以拉伸、背景上的邊框位置等。

“上、左”定義可拉伸區域

“右、下”定義顯示區域,如果用到完整填充的背景圖,建議不要通過android:padding來設定邊距,而是通過9-patch方式來定義。

Android SDK中提供了編輯9-Patch圖片的工具,在tools目錄下draw9patch.bat,能夠立刻看到編輯後的拉伸效果,也可以直接用其他圖片編輯工具編輯,但是看不到效果。

2.4 不同的layout

Android手機螢幕大小不一,有480x320, 640x360, 800x480……

怎樣才能讓Application自動適應不同的螢幕呢?

其實很簡單,只需要在res目錄下建立不同的layout資料夾,比如:layout-640x360、layout-800x480……所有的layout檔案在編譯之後都會寫入R.java裡,而系統會根據螢幕的大小自己選擇合適的layout進行使用。

2.5 測試驗證

一般使用AVD Manager建立多個不同大小的模擬器,如果條件具備,也可以直接用真機測試,這個比較靠譜。