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>
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 此时的效果图如下,
从上图可以看出比例正好和反了,这是怎么回事呢. 其实这是正常的.我们现在按照上面的公式计算一下.
由于使用的是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. 使用相对布局,尽量不用绝对布局
在开发中我们尽量使用 线性布局 , 相对布局 和帧布局 , 尽量不要使用据对布局因为他的适配性特别差.
使用相对布局可以实现控件之间的复杂位置关系.
这里就不做举例了.
