前言
Android設計之初就考慮到了UI在多平台的適配,它本身提供了一套完善的適配機制,隨著版本的發展適配也越來越精確,UI適配主要受平台兩個因素的影響:螢幕尺寸(螢幕的像素寬度及像素高度)和螢幕密度,針對不同的應用情境採用的適配方案也不一樣,此文檔僅針對Android4.0及以下版本
相關概念
解析度:整個螢幕的像素數目,為了表示方便一般用螢幕的像素寬度(水平像素數目)乘以像素高度表示,形如1280x720,反之解析度為1280x720的螢幕,像素寬度不一定為1280
螢幕密度:表示單位面積內的像素個數,通常用dpi為單位,即每英寸多少個像素點
px:長度單位,以具體像素為單位
dp:長度單位,與具體螢幕密度無關,顯示的時候根據具體平台螢幕密度的不同最終轉換為相應的像素長度,具體轉換規則是: 1dp = (目標螢幕密度/標準密度)*px,標準密度為160dpi,例如,1dp長度在密度為160dpi的平台表示一個像素的長度,而在240dpi的平台則表示1.5個像素的長度
螢幕尺寸:螢幕的大小,通常用螢幕對角線的長度表示
Android介面適配機制
UI介面在不同平台的適配受螢幕尺寸和螢幕密度影響,Android適配機制就是在資源後面添加對這兩種因素的限定,通過不同的限定區分不同的平台資源,Android在使用資源的時候會優先選擇滿足本平台限定的資源,再找最接近條件的,再找預設(即不加限定),通過選擇適合當前平台的資源來完成不同平台的適配。
螢幕尺寸分為:small,normal,large,xlarge分別表示小,中,大,超大屏
螢幕密度分為:ldpi,mdpi,hdpi,xhdpi,它們的標準值分別是:120dpi,160dpi,240dpi,320dpi
以上劃分均表示的是一個範圍:
在資來源目錄後面加上上面的限定就能為資源指定特定的適用平台,如下所示
表示大屏,中密度布局會選擇上面那個main.xml,超大屏,中密度會選擇下面那個main.xml
在實際開發過程中螢幕尺寸不夠直觀,android將其轉換為解析度表示,根據螢幕具體解析度可選擇相應的限定符
小結:通過加上上述限定可以實現一個apk適配幾種主流的螢幕尺寸和螢幕密度,這種限定方式比較適用於對外發布應用,不知道終端具體參數的情況,但是不能做到精確適配,對於螢幕尺寸和密度相差不大的兩種平台不能很好的區分。
為瞭解決上述問題,自Android3.2開始,引入了精確適配,理論上可以適配任意像素寬度,高度,螢幕密度的平台,需用以下方式添加限定符
其中w1280dp表示螢幕寬度為1280dp,h752dp表示螢幕高度為752dp,160dpi表示螢幕密度,其中螢幕寬,高必須以dp為單位,在知道螢幕像素寬高度的情況下可以通過公式:1dp = (目標螢幕密度/標準密度)*px 轉換成dp單位。
例如:某平台螢幕寬,高分別為1920px,720px,螢幕密度為240dpi
適配該平台的限定為:
或者
根據公式1dp=(240/160)px=1.5px,寬度,高度轉為dp單位分別是1280dp和480dp.
1. 首先是建立多個layout檔案夾(drawable也一樣)。
在
在res目錄下建立多個layout檔案夾,檔案夾名稱為layout-800x480等。需要適應那種解析度就寫成什麼。
注意:
a. 較大的數字要寫在前面:比如layout-854x480而不能寫layout-480x854.
b. 兩個數字之前是小寫字母x,而不是乘號。
2. 在不能的layout下調整layout 的長寬等各種設定。以適應不同的解析度。
3 最後需要在AndroidManifest.xml裡面添加下面一段,沒有這一段自適應就不能實現:
</application>
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:anyDensity = "true"/>
</manifest>
在</application>標籤和</manifest> 標籤之間添加上面那段代碼。即可
Android自適應不同解析度或不同螢幕大小的layout布局(橫屏|豎屏)
一:不同的layout
Android手機螢幕大小不一,有480x320, 640x360, 800x480.怎樣才能讓App自動適應不同的螢幕呢?
其實很簡單,只需要在res目錄下建立不同的layout檔案夾,比如layout-640x360,layout-800x480,所有的layout檔案在編譯之後都會寫入R.java裡,而系統會根據螢幕的大小自己選擇合適的layout進行使用。
二:hdpi、mdpi、ldpi
在之前的版本中,只有一個drawable,而2.1版本中有drawable-mdpi、drawable-ldpi、drawable-hdpi三個,這三個主要是為了支援多解析度。
drawable- hdpi、drawable- mdpi、drawable-ldpi的區別:
(1)drawable-hdpi裡面存放高解析度的圖片,如WVGA (480x800),FWVGA (480x854)
(2)drawable-mdpi裡面存放中等解析度的圖片,如HVGA (320x480)
(3)drawable-ldpi裡面存放低解析度的圖片,如QVGA (240x320)
系統會根據機器的解析度來分別到這幾個檔案夾裡面去找對應的圖片。
更正:應該是對應不同density 的圖片
在開發程式時為了相容不同平台不同螢幕,建議各自檔案夾根據需求均存放不同版本圖片。
[i]備忘:三者的解析度不一樣,就像你把電腦的解析度調低,圖片會變大一樣,反之解析度高,圖片縮小。 [/i]
螢幕方向:
橫屏豎屏自動切換:
可以在res目錄下建立layout-port-800x600和layout-land兩個目錄,裡面分別放置豎屏和橫屏兩種布局檔案,這樣在手機螢幕方向變化的時候系統會自動調用相應的布局檔案,避免一種布局檔案無法滿足兩種螢幕顯示的問題。
不同解析度橫屏豎屏自動切換:
以800x600為例
可以在res目錄下建立layout-port-800x600和layout-land-800x600兩個目錄
不切換:
以下步驟是網上流傳的,不過我自己之前是通過圖形化介面實現這個配置,算是殊途同歸,有空我會把圖片貼上來。
還要說明一點:每個activity都有這個屬性screenOrientation,每個activity都需要設定,可以設定為豎屏(portrait),也可以設定為無重力感應(nosensor)。
要讓程式介面保持一個方向,不隨手機方向轉動而變化的處理辦法:
在AndroidManifest.xml裡面配置一下就可以了。加入這一行android:screenOrientation="landscape"。
例如(landscape是橫向,portrait是縱向):
Java代碼:
<?xml version="1.0" encoding="utf-8"?>
<manifestxmlns:android="http://schemas.android.com/apk/res/android"
package="com.ray.linkit"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon"android:label="@string/app_name">
<activity android:name=".Main"
android:label="@string/app_name"
android:screenOrientation="portrait">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".GamePlay"
android:screenOrientation="portrait"></activity>
<activity android:name=".OptionView"
android:screenOrientation="portrait"></activity>
</application>
<uses-sdk android:minSdkVersion="3" />
</manifest>
另外,android中每次螢幕的切換動會重啟Activity,所以應該在Activity銷毀前儲存當前活動的狀態,在Activity再次Create的時候載入配置,那樣,進行中的遊戲就不會自動重啟了!
有的程式適合從豎屏切換到橫屏,或者反過來,這個時候怎麼辦呢?可以在配置Activity的地方進行如下的配置android:screenOrientation="portrait"。這樣就可以保證是豎屏總是豎屏了,或者landscape橫向。
而有的程式是適合橫豎屏切換的。如何處理呢?首先要在配置Activity的時候進行如下的配置:android:configChanges="keyboardHidden|orientation",另外需要重寫Activity的 onConfigurationChanged方法。實現方式如下,不需要做太多的內容:
@Override
public void onConfigurationChanged(Configuration newConfig) {
super.onConfigurationChanged(newConfig);
if (this.getResources().getConfiguration().orientation ==Configuration.ORIENTATION_LANDSCAPE) {
// land do nothing is ok
} else if (this.getResources().getConfiguration().orientation ==Configuration.ORIENTATION_PORTRAIT) {
// port do nothing is ok
}
}
寫一個支援多分辨的程式,基於1.6開發的,建立了三個資源檔夾drawable-hdpi drawable-mdpidrawable-ldpi,裡面分別存放72*72 48*48 36*36的icon表徵圖檔案。當我在G1(1.5的系統)上測試時,表徵圖應該自適應為48*48才對啊,但實際顯示的是36*36。怎麼才能讓其自適應 48*48的icon表徵圖呢