Android 屏幕适配(一)

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

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

Android 屏幕适配(一)_第1张图片
图片分类

在设计图标时,对于五种主流的像素密度(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) 会让组件占据浮父控件的剩余可用空间. 如下图.

Android 屏幕适配(一)_第2张图片
剩余可用空间

1.3 weight

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



    
    

Android 屏幕适配(一)_第3张图片
宽度为 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 此时的效果图如下,


Android 屏幕适配(一)_第4张图片
效果图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. 使用相对布局,尽量不用绝对布局

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

这里就不做举例了.

你可能感兴趣的:(Android 屏幕适配(一))