Android下螢幕適配

標籤：android   http   io   ar   使用   java   sp   檔案   on   

##Android下螢幕適配

**適配**：即當前應用在相同的手機上面顯示相同的效果。適配前需要首先確定當前手機所屬像素密度類型(如：xhdpi、hdpi、mdpi等)，
以下已華為G700、模擬器為例，計算其像素密度。

**案例一：

手機型號：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)中不同資源圖片，以上述兩款手機為例。布局代碼如下:

<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" />
</RelativeLayout>

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檔案，使用方式如下：

<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" >
<!-- 不同的手機載入不同的dp -->
<TextView
android:background="#987654"
android:layout_width="@dimen/width"
android:layout_height="wrap_content"
android:text="@string/hello_world" />
</LinearLayout>

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

<resources>
<dimen name="width">160dp</dimen>
</resources>
根據上述hdpi dp和px的轉換關係1dp = 1.5px，則160dp = 240px，當前控制項寬度應該位於螢幕中間位置。

G700(xhdpi):載入dimens.xml資源檔，位於res/value-1280x720檔案夾下

<resources>
<dimen name="width">180dp</dimen>
</resources>
根據上述xhdpi dp和px的轉換關係1dp = 2px，則180dp = 360px，當前控制項寬度應該位於螢幕中間位置。
G700（xhdpi）顯示效果如下：


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


###適配方式三：布局檔案適配
不同解析度的手機，載入不同的布局檔案已達到適配效果。建立多個layout(如：layout-1280x720、layout-800x480)檔案夾用於存放不同像素密度手機所需布局檔案。

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

<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手機會去載入的布局檔案" />
</RelativeLayout>

G700(xhdpi):載入activity_main.xml布局檔案,位於res/layout-1280x720檔案夾下：

<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手機會去載入的布局檔案" />
</RelativeLayout>
G700（xhdpi）顯示效果如下：


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


###適配方式四：java代碼適配
通過android相應api擷取當前手機的寬高像素值，按比例分配螢幕中控制項的寬高以達到適配效果。核心代碼如下：

布局檔案
<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" />
</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);
G700（xhdpi）顯示效果如下：


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


###適配方式五：權重適配
通過android提供的(權重)剩餘空間分配，已達到適配效果。顯示介面載入布局檔案如下:

<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"/>
</LinearLayout>

G700（xhdpi）顯示效果如下：


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


 

 

Android下螢幕適配