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,不要寫dip2 螢幕適配的注意事項
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建立多個不同大小的模擬器,如果條件具備,也可以直接用真機測試,這個比較靠譜。