11、Android--屏幕适配

屏幕适配

屏幕适配就是使得某一元素在Android不同尺寸、不同分辨率的手机上具备相同的显示效果。

由于Android系统的开放性，任何用户、开发者、OEM厂商、运营商都可以对Android进行定制，于是导致碎片化：

据友盟指数显示，统计至2015年12月，支持Android的设备共有27796种

当Android系统、屏幕尺寸、屏幕密度出现碎片化的时候，就很容易出现同一元素在不同手机上显示不同的问题。

Android系统碎片化：小米定制的MIUI、魅族定制的flyme、华为定制的EMUI等
Android机型屏幕尺寸碎片化：5寸、5.5寸、6寸等
Android屏幕分辨率碎片化：320x480、480x800、720x1280、1080x1920

基本概念

屏幕适配相关的重要概念如下：

屏幕尺寸

手机对角线的物理尺寸，单位为英寸（1英寸=2.54cm）

Android常见的尺寸有5寸、5.5寸和6英寸等

屏幕分辨率

手机在横向、纵向上的像素点数总和。单位是px（1px=1像素点）

一般描述成屏幕的"宽x高”=AxB，屏幕在横向方向（宽度）上有A个像素点，在纵向方向（高）有B个像素点
例：1080x1920，即宽度方向上有1080个像素点，在高度方向上有1920个像素点

Android手机常见的分辨率：320x480、480x800、720x1280、1080x1920。

屏幕像素密度

每英寸的像素点数，单位为dpi，假设设备内每英寸有160个像素，那么该设备的屏幕像素密度=160dpi

安卓手机对于每类手机屏幕大小都有一个相应的屏幕像素密度：

密度类型	分辨率（px）	屏幕像素密度（dpi）
低密度（ldpi）	240x320	120
中密度（mdpi）	320x480	160
高密度（hdpi）	480x800	240
超高密度（xhdpi）	720x1280	320
超超高密度（xxhdpi）	1080x1920	480

其中，关于屏幕尺寸、分辨率、像素密度三者关系：

密度是每英寸的像素点，我们通过勾股定理求出手机对角线的物理尺寸，再除以屏幕大小即可。

密度无关像素

density-independent pixel，叫dp或dip，与终端上的实际物理像素点无关。它是一个单位，可以保证在不同屏幕像素密度的设备上显示相同的效果。

Android开发时用dp而不是px单位设置图片大小，是Android特有的单位

1、dp与px的关系

在开发过程中，设计的设计图是以px为单位的，而Android开发则是使用dp作为单位，这里就需要转换：

密度类型	代表的分辨率（px）	屏幕密度（dpi）	换算（px/dp）	比例
低密度（ldpi）	240x320	120	1dp=0.75px	3
中密度（mdpi）	320x480	160	1dp=1px	4
高密度（hdpi）	480x800	240	1dp=1.5px	6
超高密度（xhdpi）	720x1280	320	1dp=2px	8
超超高密度（xxhdpi）	1080x1920	480	1dp=3px	12

在Android中，规定以160dpi（即屏幕分辨率为320x480）为基准：1dp=1px。

2、dp与px的转换

在Android中dp与px的转换代码如下所示：

/**
 * 根据手机的分辨率从 dp 的单位 转成为 px(像素)
 */
public static int dip2px(Context context, float dpValue) {
     final float scale = context.getResources().getDisplayMetrics().density;
     return (int) (dpValue * scale + 0.5f);
}
/**
 * 根据手机的分辨率从 px(像素) 的单位 转成为 dp
 */
public static int px2dip(Context context, float pxValue) {
    final float scale = context.getResources().getDisplayMetrics().density;
    return (int) (pxValue / scale + 0.5f);
}

独立比例像素

scale-independent pixel是独立比例像素的称呼，也叫sp或sip，单位是sp。

Android开发时用此sp单位设置文字大小，可根据字体大小首选项进行缩放（推荐使用偶数大小，不容易精度丢失）

布局适配

在Android开发中，我们使用的布局一般有：

线性布局（Linearlayout）
相对布局（RelativeLayout）
帧布局（FrameLayout）
绝对布局（AbsoluteLayout）

相对布局（RelativeLayout）讲究的是相对位置，即使屏幕的大小改变，视图之前的相对位置都不会变化，与屏幕大小无关，灵活性很强。

线性布局（Linearlayout）是垂直或横向排列，通过多层嵌套可以构建复杂的布局，但是无法准确地控制子视图之间的位置关系。

所以，对于屏幕适配来说，使用相对布局（RelativeLayout）将会是更好的解决方案。

限定符适配

限定符适配就是根据屏幕的配置来加载相应的UI布局，需要为不同屏幕尺寸的设备设计不同的布局。

通过配置限定符使得程序在运行时根据当前设备的配置（屏幕尺寸）自动加载合适的布局资源，限定符包括：

尺寸（size）限定符
最小宽度（Smallest-width）限定符
布局别名
屏幕方向（Orientation）限定符

尺寸限定符

当一款应用显示的内容较多，希望进行以下设置：

在平板电脑和电视的屏幕（>7英寸）上：实施“双面板”模式以同时显示更多内容
在手机较小的屏幕上：使用单面板分别显示内容

因此，我们可以使用尺寸限定符（layout-large）通过创建一个文件：res/layout-large/main.xml

1、适配手机的单面板（默认）布局：res/layout/main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="match_parent" />
</LinearLayout>

2、适配尺寸>7寸平板的双面板布局：：res/layout-large/main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="400dp"
              android:layout_marginRight="10dp"/>
    <fragment android:id="@+id/article"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.ArticleFragment"
              android:layout_width="fill_parent" />
</LinearLayout>

注意：布局名称必须保持一致，只有布局的目录名不同。这种方式只适合在Android 3.2版本之前。

最小宽度限定符

由于限定符large无法具体确定当前设备的屏幕尺寸，所以在Android3.2之后引入了最小宽度（Smallest-width）限定符。

通过指定某个最小宽度（以 dp 为单位）来精确定位屏幕从而加载不同的UI资源

如果为7英寸平板电脑匹配双面板布局（最小宽度为600dp），需要定义sw600dp指明双面板布局仅适用于最小宽度为600dp的屏幕，而不使用large尺寸限定符。

sw xxxdp，即small width的缩写，其不区分方向，即无论是宽度还是高度，只要大于 xxxdp，就采用次此布局

1、适配手机的单面板（默认）布局：res/layout/main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="match_parent" />
</LinearLayout>

2、适配尺寸>7寸平板的双面板布局：res/layout-sw600dp/main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal">
    <fragment android:id="@+id/headlines"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.HeadlinesFragment"
              android:layout_width="400dp"
              android:layout_marginRight="10dp"/>
    <fragment android:id="@+id/article"
              android:layout_height="fill_parent"
              android:name="com.example.android.newsreader.ArticleFragment"
              android:layout_width="fill_parent" />
</LinearLayout>

布局别名限定符

如果需要同时为Android 3.2版本前后的手机进行屏幕尺寸适配时，由于尺寸限定符仅用于Android 3.2版本前，最小宽度限定符仅用于Android 3.2版本后，

为了很好地进行屏幕尺寸的适配，需要同时维护layout-sw600dp和layout-large的两套main.xml平板布局，如下：

适配手机的单面板（默认）布局：res/layout/main.xml
适配尺寸>7寸平板的双面板布局（Android 3.2前）：res/layout-large/main.xml
适配尺寸>7寸平板的双面板布局（Android 3.2后）res/layout-sw600dp/main.xml

于是为了要解决这种重复问题，我们引入了“布局别名”：

适配手机的单面板（默认）布局：res/layout/main.xml
适配尺寸>7寸平板的双面板布局：res/layout/main_twopanes.xml

然后加入以下两个文件，以便进行Android 3.2前和Android 3.2后的版本双面板布局适配：

1、res/values-large/layout.xml（Android 3.2之前的双面板布局）

<resources>
    <item name="main" type="layout">@layout/main_twopanes</item>
</resources>

2、res/values-sw600dp/layout.xml（Android 3.2及之后的双面板布局）

<resources>
    <item name="main" type="layout">@layout/main_twopanes</item>
</resources>

屏幕方向限定符

未完待续：

https://www.jianshu.com/p/ec5a1a30694b