一：Android 螢幕適配

眾所周知，Android機型尺寸各種各樣，於是螢幕適配就成了Android開發中很重要的一環。Android螢幕適配可能一些開發者都會遇到這樣的問題，今天就來分享下螢幕適配，其實Android螢幕適配也可以很簡單。

基本概念

Android螢幕適配必須要理解的一些概念：

• px

是英文單詞pixel的縮寫，意為畫素，螢幕上的點。我們通常所說的解析度如480X800就是指的畫素。

在設計領域中，畫素是用來計算數碼影像的最小單位。計算機中顯示的影象並非連續的線條組成，而是由許多肉眼看不見的小點組成。如果把影像放大數倍，會發現這些連續色調其實是由許多色彩相近的小點所組成，這些小點就是構成影像的最小單位“畫素”。由於是最小的獨立顯示單位，px均為整數，不會出現0.5px的情況。如：

看這個色彩鮮豔的LED燈（原圖大小）

你能想象這才是他的本來面目嗎？（放大之後）

• in

表示英寸，是螢幕的物理尺寸。每英寸等於2.54釐米。例如我們經常說的手機螢幕大小有，5（英）寸、4（英）寸就是指這個單位。這些尺寸是螢幕的對角線長度。如果手機的螢幕是4英寸，表示手機的螢幕（可視區域）對角線長度是4 X 2.54 = 10.16釐米。

• dpi

dpi是Dots Per Inch的縮寫, 每英寸點數，即每英寸包含畫素個數。比如320X480解析度的手機，寬2英寸，高3英寸, 每英寸包含的畫素點的數量為320/2=160dpi（橫向）或480/3=160dpi（縱向），160就是這部手機的dpi，橫向和縱向的這個值都是相同的，原因是大部分手機螢幕使用正方形的畫素點。

• density

螢幕密度，density和dpi的關係為 density = dpi/160

• dp

也即dip，裝置獨立畫素，device independent pixels的縮寫，Android特有的單位，在螢幕密度dpi = 160螢幕上，1dp = 1px。

• sp

和dp很類似，一般用來設定字型大小，和dp的區別是它可以根據使用者的字型大小偏好來縮放。

Android Drawable

我們新建一個Android專案後應該可以看到很多drawable資料夾，分別對應不同的dpi

• drawable-ldpi (dpi=120, density=0.75)

• drawable-mdpi (dpi=160, density=1)

• drawable-hdpi (dpi=240, density=1.5)

• drawable-xhdpi (dpi=320, density=2)

• drawable-xxhdpi (dpi=480, density=3)

市面上的一些Android教程大多都是教的是為每種dpi都出一套圖片資源，這個固然是一種解決辦法，但同時也是一種非常笨的方法，為美工或者設計增加了不少的工作量不說，同時也會讓你的apk包變的很大。那麼有沒有什麼好的方法既能保證螢幕適配，又可以最小佔用設計資源，同時最好又只使用一套dpi的圖片資源呢？下面就來講解下專案中總結出來的這個方法。

首先必須清楚一個自動渲染的概念，Android SDK會自動螢幕尺寸選擇對應的資原始檔進行渲染，如SDK檢測到你手機dpi是160的話會優先到drawable-mdpi資料夾下找對應的圖片資源，注意只是優先，假設你手機dpi是160，但是你只在xhpdi資料夾下有對應的圖片資原始檔，程式一樣可以正常執行。所以理論上來說只需要提供一種規格的圖片資源就ok了，如果只提供ldpi規格的圖片，對於大解析度的手機如果把圖片放大就會不清晰，所以需要提供一套你需要支援的最大dpi的圖片，這樣即使使用者的手機解析度很小，這樣圖片縮小依然很清晰。

xhdpi成為首選

上面說了只需要提供一套大的dpi的圖片就ok了，現在市面手機解析度最大可達到1080X1920的解析度，如Nexus5，dpi屬於xxhdpi，但是畢竟還沒普及，目前市面上最普遍的高階機的解析度還多集中在720X1080範圍，也就是多集中在xhdpi，所以目前來看xhpdi規則的圖片成為了首選。當然隨著技術規格的提高以後發展，以後可能市場上xxdpi的手機會越來越普遍，但這是後話。

設計資源緊張怎麼辦？

在現在的App開發中，基本都會有iOS和Android版本，有些公司為了保持App不同版本的體驗互動一致，還有些公司的設計資源可能比較緊張，這些情況下iOS和Android版本基本是一個設計師主導，而大多數情況下設計師可能更會以iPhone手機為基礎進行設計，包括後期的切圖之類的。這個時候身為Android開發人員你是否還要求設計師單獨為Android端切一套圖片資源呢？這會讓你們的設計師崩潰的，下面就來告訴一個專案中總結的更棒的方法。

相信設計師們一般都會用最新的iPhone5（5s和5的尺寸以及解析度都一樣）來做原型設計，而iPhone5的螢幕解析度為640X1164, 螢幕尺寸為4英寸，根據勾股定理(a^2 + b^2 = c^2)640^2+1164^2=1764496, 然後再對其開根號可求出螢幕對角線的解析度為：1328，除以4可得出iphone5的dpi：1328/4≈332 可以看出iPhone5的螢幕的dpi約等於320, 剛好屬於xhdpi，所以你可以很自豪的像你們的設計師說不用專門為Android端切圖，直接把iPhone的那一套切好的圖片資源放入drawable-xhdpi資料夾裡就ok了。

wrap_content VS dp

wrap_content和dp都是在Android開發中應該經常用到的，然後它們冥冥中是有關係的。

假設你看了這篇文章後都是統一有xhdpi的資源，那麼你用wrap_content完全沒有問題，Android會自動為其他規格的dpi螢幕適配,比如你在xhdpi放了一張120X120px大小的圖片，那麼在在hdpi螢幕上顯示的就只有120/1.5=80px大小，但是如果你不小心同樣把這張圖片也放入了mdpi了，這個時候用wrap_content顯示就會有問題，具體看下面的例子：

例如假設你只在drawable_xhdpi資料夾下放了test圖片，xhdpi的裝置會去xhdpi資料夾下找到test圖片並直接顯示，而mdpi的裝置優先會去mdpi資料夾裡查詢test圖片，但是沒找到，最後在xhdpi資料夾下找到，然後會自動根據density計算並縮放顯示出來，實際顯示出來的大小是120/2=60px, 所以整體的顯示比例才會看起來比較正常

• mdpi

• xhdpi

但是如果你在mdpi資料夾裡也放入了同樣的圖片，那麼mdpi的裝置會直接去mdpi資料夾裡尋找到test圖片，並直接顯示，而這時候顯示不會縮放，實際顯示大小就是120X120,在mdpi的螢幕上看起來就會比較大，如圖：

通過上面整個過程，大家應該理解了Android載入資源的整個過程, wrap_content同樣可以用dp來代替，就拿上面這個例子，在xhdpi資料夾內放入了一張120X120畫素的test圖片，寬高直接除density就得出dp的數值，即這種情況下以下程式碼是等同的.

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/test" />

<ImageView
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:src="@drawable/test" />

總結

相信通過以上的講解，對Android UI中的一些基本概念有個很好的理解，實際開發工作中也有一些高效的方法可以參考，應該可以應對大部分的螢幕適配工作。但是專案中仍然有一些比較特殊的適配需求滿足不了，以後會針對一些特殊的需求進行示例講解。

二：

Android 尺寸單位轉換和螢幕適配相關

各種尺寸單位的意義

　　dp: Density-independent Pixels 　　一個抽象的單元，基於螢幕的物理密度。 　　（dp和dip的意義相同，所以不用區別對待）。 　　這些單元是相對於160dpi（dots per inch）的螢幕說的，在160dpi的螢幕上，1dp粗略地等於1px。 　　當執行在更高密度的螢幕上的時候，要繪製1dp的畫素數量會放大一個比例，這個比例就是和螢幕密度（dpi）相關。 　　類似的，在一個低密度的螢幕上，畫素數目會縮小一個比例。 　　dp到px的這個比例將會隨著螢幕的密度變化，而不是直接的比例關係。 　　用dp單位，而不是px，是一種簡單的螢幕密度適配解決方式。 　　換句話說，它提供了一種方式，可以在多種裝置上維持真實尺寸一致性。 　　sp：Scale-independent Pixels 　　這個有點像dp單位，但是它也根據使用者的字型設定（font preference）縮放尺寸。 　　建議用這種尺寸單位來標註字型尺寸，這樣它們將會因為螢幕密度和使用者設定而調整。 　　pt 　　Points 1/72 inch（英寸），根據螢幕的物理尺寸。 　　px: Pixels 　　相應於真實的畫素。 　　這種單位不被建議，因為真實的表達會根據裝置的不同相差很遠。 　　每個裝置上每英寸的畫素數不同（密度不同），並且螢幕上總的畫素數也不同（整體大小不同）。 　　mm：Millimeters

資源型別

　　圖片檔案通常會分多個資料夾儲存，這多個資料夾的字尾名其實表示的是不同的螢幕密度。 　　以m為基準，螢幕密度（dots per inch）基準和需要影象資源的大小比例如下 　　l: low density (120dpi) 0.75 　　m: medium density (160dpi) 1.0 baseline 　　h: high density (240dpi) 1.5 　　x: extra-high density (320dpi) 2.0       xx: extra-extra-high density (480dpi)

尺寸單位轉換 工具類

　　可以寫工具類對尺寸單位進行轉換，比如：

package com.mengdd.dimen;

import android.content.Context;

public class DimenUtils {

    public static int sp2px(Context context, float spValue) {
        float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (spValue * fontScale + 0.5f);
    }

    public static int px2sp(Context context, float pxValue) {
        float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (pxValue / fontScale + 0.5f);
    }

    public static int dip2px(Context context, int dipValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dipValue * scale + 0.5f);
    }

    public static int px2dip(Context context, float pxValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (pxValue / scale + 0.5f);
    }
}

　　Android中的DisplayMetrics這個類描述了關於顯示的各種資訊，可以利用它檢視裝置的狀態，上述關於螢幕密度的標準的常量也是從這個類中看到的。

 　　DisplayMetrics的toString()方法如下：

    @Override
    public String toString() {
        return "DisplayMetrics{density=" + density + ", width=" + widthPixels +
            ", height=" + heightPixels + ", scaledDensity=" + scaledDensity +
            ", xdpi=" + xdpi + ", ydpi=" + ydpi + "}";
    }

　　其中各個變數解釋如下：

    /**
     * The absolute width of the display in pixels.
     */
    public int widthPixels;
    /**
     * The absolute height of the display in pixels.
     */
    public int heightPixels;
    /**
     * The logical density of the display.  This is a scaling factor for the
     * Density Independent Pixel unit, where one DIP is one pixel on an
     * approximately 160 dpi screen (for example a 240x320, 1.5"x2" screen), 
     * providing the baseline of the system's display. Thus on a 160dpi screen 
     * this density value will be 1; on a 120 dpi screen it would be .75; etc.
     *  
     * <p>This value does not exactly follow the real screen size (as given by 
     * {@link #xdpi} and {@link #ydpi}, but rather is used to scale the size of
     * the overall UI in steps based on gross changes in the display dpi.  For 
     * example, a 240x320 screen will have a density of 1 even if its width is 
     * 1.8", 1.3", etc. However, if the screen resolution is increased to 
     * 320x480 but the screen size remained 1.5"x2" then the density would be 
     * increased (probably to 1.5).
     *
     * @see #DENSITY_DEFAULT
     */
    public float density;
    /**
     * The screen density expressed as dots-per-inch.  May be either
     * {@link #DENSITY_LOW}, {@link #DENSITY_MEDIUM}, or {@link #DENSITY_HIGH}.
     */
    public int densityDpi;
    /**
     * A scaling factor for fonts displayed on the display.  This is the same
     * as {@link #density}, except that it may be adjusted in smaller
     * increments at runtime based on a user preference for the font size.
     */
    public float scaledDensity;
    /**
     * The exact physical pixels per inch of the screen in the X dimension.
     */
    public float xdpi;
    /**
     * The exact physical pixels per inch of the screen in the Y dimension.
     */
    public float ydpi;

實際裝置引數　

　　小米2S，DisplayMetrics中的toString()方法輸出如下：

DisplayMetrics{density=2.0, width=720, height=1280, scaledDensity=2.0, xdpi=345.0566, ydpi=342.23157}