android適配各種解析度的問題

2012-11-30 13:24 25024人閱讀 評論(3) 收藏 舉報 Android裝置螢幕的尺寸是各式各樣的，如 小米是4英寸的，Xoom平板是10英寸；解析度也千奇百怪，800×480，960×540等；Android版本的碎片化問題更是縈繞於心，不過在 設計應用時可以分為兩大塊：3.0之前的版本和3.0之後的版本。這種情況會帶來什麼問題我們用三個假設來說明一下。

1. 假設你的手上有兩個4英寸的裝置，裝置A的解析度是800×480，裝置B的解析度是1600×960。你在裝置A上設計了一個64×64畫素的圖示，感覺它大小正合適，但放到裝置B上的時候，這個圖示看上去就只有之前一半大小了。 2. 假設你手上的兩個裝置，裝置A是4英寸，裝置B是10英寸。在裝置A上方放了一個tab控制元件，有三個頁籤。放到裝置B上看時tab控制元件的三個頁籤被拉得很長，本來放6個頁籤的空間只放了三個頁籤。 3. 假設你手上的兩個裝置，裝置A裝的是Android2.3，裝置B裝的是Android4.0，而裝置B沒有menu建，風格也不一樣。你發現兩個裝置上用同一套風格的面板並不合適。

Google提供了一套體系去解決這些問題。我們再回到上面的那張圖，drawable資料夾有ldpi、mdpi、hdpi、xhdpi四種。dpi指畫素/英寸，而ldpi指120，mdpi指160，hdpi指240，xhdpi指320。小米 手機是4英寸、854×480的解析度，那麼小米手機的dpi就是854的平方加480的平方和開2次方後除以4，結果大約是245。如果應用安裝在小米手機上，那麼系統會呼叫圖中drawable-hdpi裡面的資源。這樣，你只要做4套資源分別放在drawable-ldpi、drawable-mdpi、drawable-hdpi以及drawable-xdpi下（圖示可以按照3：4：6：8的比例製作圖片資源），那麼就可以解決上面假設1當中提到的問題。

對於相同dpi、但尺寸不一樣的裝置，可以通過layout檔案控制各種資源的佈局。Google將裝置分為small（2～3英寸）、normal（4英寸左右）、large（5～7英寸）、xlarge（7英寸以上）。在上面的假設2種，我們可以在layout-normal裡配置3個頁籤的tab欄，在layout-xlarge裡配置6個頁籤的tab欄。如果應用在所有裝置上佈局都一樣，那麼就不用考慮針對不同尺寸的layout。從圖中那些layout*資料夾可以看出，該應用在hdpi及xhdpi上支援橫豎屏，而且橫豎屏的佈局不一致，但沒有考慮不同尺寸的裝置使用不同佈局的情況。

Android3.0之前的風格與Android3.0（包含3.0）之後的風格區別很大，圖中那個應用就使用了兩種風格的資源及佈局。Android2.3的小米會使用drawable-hdpi及layout-hdpi當中的檔案，而Android4.0的小米就會使用drawable-hdpi-v11及layout-hdpi-v11裡面的檔案。
//------------------------------------------------------------------------------------------------------------------------------------------------------------- 一：不同的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圖示呢

解決辦法 drawable-hdpi drawable-mdpi drawable-ldpi改成drawable-480X320 drawable-800X480的多分辨支援的資料夾

 

對於Android遊戲開發我們不得不像iPhone那樣思考相容 Android平板電腦，對於蘋果要考慮iPad、iPhone 3GS和iPhone 4等螢幕之間的相容性，對於幾乎所有的解析度總結了大約超過20中粉筆阿女郎的大小和對應關係，對於開發Android遊戲而言可以考慮到未來的3.0以及很多平板電腦的需要。

常規的我們可能只考慮QVGA，HVGA，WVGA，FWVGA和DVGA，但是拋去了手機不談，可能平板使用類似WSVGA的1024×576以及WXGA的1280×768等等。
QVGA = 320 * 240;
WQVGA = 320 * 480;
WQVGA2 = 400 * 240;
WQVGA3 = 432 * 240;
HVGA = 480 * 320;
VGA = 640 * 480;
WVGA = 800 * 480;
WVGA2 = 768 * 480;
FWVGA = 854 * 480;
DVGA = 960 * 640;
PAL = 576 * 520;
NTSC = 486 * 440;
SVGA = 800 * 600;
WSVGA [...]

 
這是一個比較有代表性的Android軟體資源包，drawable裡面存放的是應用的圖示檔案，layout存放的是佈局，簡單說就是這些圖示如何擺放。為什麼Android上需要這麼多資源包檔案和佈局檔案是我們接下來需要討論的問題。

 

Android裝置螢幕的尺寸是各式各樣的，如小米是4英寸的，Xoom平板是10英寸；解析度也千奇百怪，800×480，960×540等；Android版本的碎片化問題更是縈繞於心，不過在設計應用時可以分為兩大塊：3.0之前的版本和3.0之後的版本。這種情況會帶來什麼問題我們用三個假設來說明一下。

 

1. 假設你的手上有兩個4英寸的裝置，裝置A的解析度是800×480，裝置B的解析度是1600×960。你在裝置A上設計了一個64×64畫素的圖示，感覺它大小正合適，但放到裝置B上的時候，這個圖示看上去就只有之前一半大小了。

2. 假設你手上的兩個裝置，裝置A是4英寸，裝置B是10英寸。在裝置A上方放了一個tab控制元件，有三個頁籤。放到裝置B上看時tab控制元件的三個頁籤被拉得很長，本來放6個頁籤的空間只放了三個頁籤。

3. 假設你手上的兩個裝置，裝置A裝的是Android2.3，裝置B裝的是Android4.0，而裝置B沒有menu建，風格也不一樣。你發現兩個裝置上用同一套風格的面板並不合適。

 

Google提供了一套體系去解決這些問題。我們再回到上面的那張圖，drawable資料夾有ldpi、mdpi、hdpi、xhdpi四種。dpi指畫素/英寸，而ldpi指120，mdpi指160，hdpi指240，xhdpi指320。小米手機是4英寸、854×480的解析度，那麼小米手機的dpi就是854的平方加480的平方和開2次方後除以4，結果大約是245。如果應用安裝在小米手機上，那麼系統會呼叫圖中drawable-hdpi裡面的資源。這樣，你只要做4套資源分別放在drawable-ldpi、drawable-mdpi、drawable-hdpi以及drawable-xdpi下（圖示可以按照3：4：6：8的比例製作圖片資源），那麼就可以解決上面假設1當中提到的問題。

 

對於相同dpi、但尺寸不一樣的裝置，可以通過layout檔案控制各種資源的佈局。Google將裝置分為small（2～3英寸）、normal（4英寸左右）、large（5～7英寸）、xlarge（7英寸以上）。在上面的假設2種，我們可以在layout-normal裡配置3個頁籤的tab欄，在layout-xlarge裡配置6個頁籤的tab欄。如果應用在所有裝置上佈局都一樣，那麼就不用考慮針對不同尺寸的layout。從圖中那些layout*資料夾可以看出，該應用在hdpi及xhdpi上支援橫豎屏，而且橫豎屏的佈局不一致，但沒有考慮不同尺寸的裝置使用不同佈局的情況。