前言
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"?>
<manifest xmlns: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-mdpi drawable-ldpi,里面分別存放72*72 48*48 36*36的icon圖標文件。當我在G1(1.5的系統)上測試時,圖標應該自適應為48*48才對啊,但實際顯示的是36*36。怎么才能讓其自適應 48*48的icon圖標呢