Android 手机的尺寸类别特别多.因此我们为了让我们开发的APP在各种尺寸的Android 手机上都可以展示完美的UI .就用到了屏幕适配.

基础概念

1. 屏幕尺寸

屏幕尺寸指的是屏幕对角线的长度, 单位是英寸 , 1英寸= 2.54厘米.
比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等

2. 屏幕分辨率

屏幕分辨率是指在横/纵方向上的像素点数, 单位是 px , 1 px = 1个像素点, 一般使用 : 纵向像素*横向像素 1960 * 1080.

3. 屏幕像素密度

屏幕像素密度是指每英寸上的像素点数 . 单位是 dpi (dot per inch) . 屏幕像素密度与屏幕尺寸和屏幕分辨率有关 , 在分辨率相同的情况下屏幕尺寸越小屏幕像素密度就越大.

4. 相关的单位概念

• dp/dip
  dip和dp是一个意思,都是Density Independent Pixels的缩写,即密度无关像素. 在屏幕像素密度DPI = 160 dpi , 此时 1sp = 1px. Android规定以160dpi位基准 , 也就是所在此种情况下 1px = 1dp. 如在320dpi 下 1dp = 2px. 一次类推
• dpi
  屏幕像素密度. 每英寸上的像素点个数.
• sp
  sp，即scale-independent pixels,与dp类似,但是可以根据文字大小首选项进行放缩, 是设置字体大小的御用单位.
• px
  px 就是像素, 前面的分辨率就是使用的px作为单位. 在大多数情况下, UI设计 , Android 原生API都会以px作为单位.比如过去P屏幕的宽高.

// 获取屏幕尺寸
private void getScreenSize(){
    WindowManager wm =
                (WindowManager) getSystemService(Context.WINDOW_SERVICE);
    final int sw = wm.getDefaultDisplay().getWidth();
    final int sh = wm.getDefaultDisplay().getHeight();
    Log.d(TAG, "Size : " + sh + "px * " + sw + "px");
}
// 输出 : Size : 1184px * 768px

5. 尺寸限定符

名称	像素密度值范围	比例
mdpi	120dpi ~ 160dpi	2
hdpi	160dpi ~ 1240dpi	3
xdpi	240dpi ~ 320dpi	4
xxdpi	320dpi ~ 480dpi	6
xxxdpi	480dpi ~ 640dpi	8

在开发的时候我们需要将图片放到合适的文件夹中

图片分类

在设计图标时，对于五种主流的像素密度（MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI）应按照 上表所示的比例进行缩放. 比如启动图标的尺寸是 48 * 48 dp . 实际像素尺寸如下表.

屏幕尺寸	图标尺寸	比例
mdpi	48 * 48	2
hdpi	72 8 72	3
xdpi	96 * 96	4
xxdpi	144 * 144	6
xxxdpi	192 * 192	8

屏幕适配解决方案

1. 支持各种屏幕尺寸.

1.1 wrap_content

使用 "wrap_content" 属性,系统会根据内容所需要的尺寸设置空间的大小,但是不会超过父控件的剩余空间大小.

1.2 match_parent

使用 "match_parent" (在API 8以下使用fill_parent) 会让组件占据浮父控件的剩余可用空间. 如下图.

剩余可用空间

1.3 weight

weight属性我们可以看成是按比例分配尺寸 . 但是这个属性只能用在线性布局中. 比如一个水平方向的线性布局有两个子空间. 将他们的宽度设置成 0 dp 分别设置weight 为1 和 2. 则他们会以 1:2 占据父控件所有的剩余空间.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/activity_main"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:background="#0f0"
        android:textSize="20sp"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="weight=1"/>
    <TextView
        android:background="#f00"
        android:textSize="20sp"
        android:maxLines="1"
        android:layout_width="0dp"
        android:layout_weight="2"
        android:layout_height="wrap_content"
        android:text="weight=2"/>
</LinearLayout>

宽度为 0 dp 效果图

android:layout_weight 的真实含义是 : 如果View设置了该属性并且有效 , 那么该View的宽度等于原有宽度 加上剩余空间的占比.

实际尺寸 = 原有尺寸 + 父控件剩余尺寸占比.

比如上面的例子.当宽度设置为 0dp时 此时就有

剩余空间 = L- (0 + 0) = L
weight = 1 的控件的宽度 = 0 + L * (1/(1 + 2)) = (1/3)L
weight = 2 的控件的宽度 = 0 + L * (2/(1 + 2)) = (2/3)L

我们现在讲两个的控件的宽度都设置成match_parent 此时的效果图如下,

效果图2

从上图可以看出比例正好和反了,这是怎么回事呢. 其实这是正常的.我们现在按照上面的公式计算一下.
由于使用的是match_parent 所以两个View的原来宽度都是父控件的宽度也就是 L , 所以有如下结果

剩余空间 = L- (L + L) = -L
weight = 1 的控件的宽度 = L + ( - L * (1/(1 + 2))) = (2/3)L
weight = 2 的控件的宽度 = L + ( -L * (2/(1 + 2)) = (1/3)L
所以上面的现象是正常的.

2. 使用相对布局,尽量不用绝对布局

在开发中我们尽量使用 线性布局 , 相对布局 和帧布局 , 尽量不要使用据对布局因为他的适配性特别差.
使用相对布局可以实现控件之间的复杂位置关系.

这里就不做举例了.