Android下屏幕適配

適配：即當前應用在相同的手機上面顯示相同的效果。適配前需要首先確定當前手機所屬像素密度類型(如：xhdpi、hdpi、mdpi等)，然後計算其像素密度，按一定比例給出界面元素的布局位置和大小。

在android中，屏幕視頻主要有以下幾種方式：

圖片適配 dimens適配 布局文件適配 java代碼適配 權重適配

案例一：

手機型號：G700
手機分辨率：1280*720 (注：手機兩個直角邊上分別放置了1280及720個像素點)
手機尺寸大小：5英寸(手機斜邊長度)

假設a，b分別為兩個直角邊，c為斜邊，由勾股定理可得出計算方式：sqrt(a*a+b*b)/c
計算結果：sqrt(1280*1280+720*720)/5 ≈ 293.72dpi

根據google官方文檔說明得出，當前手機最接近320dpi，則將其歸納在xhdpi手機范圍內，即1dp=2px；

案例二：

手機型號：模擬器
手機分辨率：800*480(注：手機兩個直角邊上分別放置了800及480個像素點)
手機尺寸大小:3.7英寸(手機斜邊大小)

計算結果：sqrt(800*800+480*480)/3.7 ≈ 252.15dpi
根據google官方文檔(圖1-1)得出，當前手機接近240dpi，則將其歸納在hdpi手機范圍內，即1dp=1.5px。

參照以上方式可將市場上大多數手機劃分為5個像素密度等級，分別為：
ldpi：120dpi，像素密度與dp轉換關系為：1dp = 0.75px
mdpi：160dpi ，像素密度與dp轉換關系為：1dp = 1px
hdpi：240dpi，像素密度與dp轉換關系為：1dp = 1.5px
xhdpi：320dpi，像素密度與dp轉換關系為：1dp = 2px
xxhdpi：480dpi，像素密度與dp轉換關系為：1dp = 3px

 

(注：以下案例就當前兩款手機進行屏幕適配測試)

適配方式一：圖片適配

不同像素密度的手機加載工程資源文件(res)中不同資源圖片，以上述兩款手機為例。布局代碼如下:

<code><relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">
    <imageview android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/a">
</imageview></relativelayout>
</code>

G700(xhdpi):加載a.jpg資源文件，位於res/drawable-xhdpi文件夾下,顯示效果如下：

 

 

模擬器(hdpi):加載a.jpg資源文件，位於res/drawable-hdpi文件夾下,顯示效果如下：

 

適配方式二：dimens.xml文件適配

dimens.xml存在於工程資源(res)文件夾中不同values(如:value-1280x720、value-800x480)文件夾下，可用於指定控件大小，不同像素密度手機加載不同values文件夾下的dimens.xml文件，使用方式如下：

<code><linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity">

    <textview android:background="#987654" android:layout_width="@dimen/width" android:layout_height="wrap_content" android:text="@string/hello_world">
</textview></linearlayout>
</code>

模擬器(hdpi):加載dimens.xml資源文件，位於res/value-800x480文件夾下

    160dp

根據上述hdpi dp和px的轉換關系1dp = 1.5px，則160dp = 240px，當前控件寬度應該位於屏幕中間位置。

G700(xhdpi):加載dimens.xml資源文件，位於res/value-1280x720文件夾下

    180dp

根據上述xhdpi dp和px的轉換關系1dp = 2px，則180dp = 360px，當前控件寬度應該位於屏幕中間位置。

G700（xhdpi）顯示效果如下：

模擬器（hdpi）顯示效果如下：

適配方式三：布局文件適配

不同分辨率的手機，加載不同的布局文件已達到適配效果。創建多個layout(如：layout-1280x720、layout-800x480)文件夾用於存放不同像素密度手機所需布局文件。

模擬器(hdpi):加載activity_main.xml布局文件,位於res/layout-800x480文件夾下：

<code>    <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">
        <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="800*480手機會去加載的布局文件">
    </textview></relativelayout>
</code>

G700(xhdpi):加載activity_main.xml布局文件,位於res/layout-1280x720文件夾下：

<code>    <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">
        <textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="1280*720手機會去加載的布局文件">
    </textview></relativelayout>
</code>

G700（xhdpi）顯示效果如下：

模擬器（hdpi）顯示效果如下：

適配方式四：java代碼適配

通過android相應api獲取當前手機的寬高像素值，按比例分配屏幕中控件的寬高以達到適配效果。核心代碼如下：

<code>布局文件
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">
    <textview android:id="@+id/tv" android:background="#000000" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world">
</textview></relativelayout>

activity中oncreate核心代碼：
    TextView tv  = (TextView) findViewById(R.id.tv);
    //獲取封裝當前手機屏幕信息對象，用於存放寬高值
    DisplayMetrics metrics  = new DisplayMetrics();
    //給當前屏幕設置寬高
    getWindowManager().getDefaultDisplay().getMetrics(metrics);
    //獲取高度
    Constant.srceenHeight = metrics.heightPixels;
    //獲取寬度
    Constant.srceenWidth = metrics.widthPixels;

    Log.i(tag, "Constant.srceenHeight = "+Constant.srceenHeight);
    Log.i(tag, "Constant.srceenWidth = "+Constant.srceenWidth);

    //寬高各占50%
    RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(
            (int)(Constant.srceenWidth*0.5+0.5), 
            (int)(Constant.srceenHeight*0.5+0.5));
    tv.setLayoutParams(layoutParams);
</code>

G700（xhdpi）顯示效果如下：

模擬器（hdpi）顯示效果如下：

適配方式五：權重適配

通過android提供的(權重)剩余空間分配，已達到適配效果。顯示界面加載布局文件如下:

<code><linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context=".MainActivity">
    <textview android:background="#000000" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent">
    <textview android:background="#123456" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent">
</textview></textview></linearlayout>
</code>

G700（xhdpi）顯示效果如下：

模擬器（hdpi）顯示效果如下：