解决 Android 设备碎片化--屏幕适配
随着支持 Android 系统的设备(手机、平板、电视、手表)的增多,设备碎片化、品牌碎片化、系统碎片化、传感器碎片化和屏幕碎片化的程度也在不断地加深。
在当时初学 Android 的时候,就初步接触了这方面的概念。当时学了六大布局:
布局 PK
当时说了绝对布局已经是被淘汰了的,就是因为它不满足屏幕适配。还有一种百分比布局,控件的位置是按百分比来控制的,在任何尺寸的手机屏幕上整体格局都是这样显示的,不会乱。
** 扩展小知识 **
** 屏幕尺寸 **:屏幕尺寸是指手机的对角线,单位是英寸, 1 英寸 = 2.54 厘米。现在常见的屏幕有 4.7(我的红米 note 2,现在很少看见手机屏幕比我小的了)、5.0、 5.5、 6.0等等。
屏幕尺寸
**上图中的 px :pixels,像素的意思,上图中手机 分辨率 为宽 1080 px,高 1920px。 px 也就是 分辨率的单位,一个像素就是一个小点,说明宽度有 1080 个像素小点 **
** 像素密度(dpi: dots per inch) **:英文直译过来就是每英寸点数。即 dpi = px / 英寸。
dpi 分类 4 英寸 hdpi 图标的各屏幕密度的对应尺寸
** dip(dp) ( Devices Independent Pixels, 设备独立像素):顾名思义,这个每一个设备独立使用的像素,在不同的设备上有不同的效果,正是用来解决屏幕适配的单位。这里我一直都不是很明白,后面想了个比喻: 它可以看成上面像素单位的一个包装,这里一像素可能等于上面几像素,也有可能等于零点几像素,这个关系由像素密度来决定,像素密度为 160 的时候, 1dip = 1px。 素密度越高,一个独立像素为多个像素 **。
这个有两个转换工具方法
public static int dip2px(Context context, float dipValue){
final float scale = context.getResources().getDisplayMetrics().density;
return (int)(dipValue * scale + 0.5f);
}
public static int px2dip(Context context, float pxValue){
final float scale = context.getResources().getDisplayMetrics().density;
return (int)(pxValue / scale + 0.5f);
}
** sp (Scaled Pixels) **:缩放像素,主要用来设置字体大小, best for textSize。
** 备注:根据谷歌的推荐,像素统一使用 dp, 字体统一使用 sp **
怎么实现屏幕适配啊
一、竖屏
-
使用 wrap_content:视图的宽度或高度设置成所需的最小尺寸以适应视图中的内容
-
使用 match_parent: 展开组件以匹配其父视图的尺寸
这面两个只能解决一些简单的问题。
-
weight,权重:在 LinearLayout 中使用,用于分配控件占总体的百分比。
** 注意 **:
一般使用权重设置时,最好设对应宽高为 0dp, 减少测量工作。
当控件宽高为 match_parent 时,控件设置的权重与总体成反比;
当控件宽高为 wrap_content 时,控件设置的权重与总体成正比;
当只有部分控件设置了权重时,先确定没设置权重控件的宽高,再按剩下部分按比例分配。 -
谷歌推荐:像素使用 dp, 字体使用 sp
-
提供备用位图
备用位图 -
使用点九图:点九图可以指定图片中部分区域拉伸,从而使图片很多场合方法而不失真。
-
使用百分比布局:百分比布局直接支持百分比设置控件的宽高。这样在任何尺寸的屏幕上,控件大小都是一样的。
谷歌提供了相关支持包( android-support-percent-lib),记得使用前添加相关 jar 包或者依赖哦。它提供了两种布局,percentRelativeLayout 继承自 RelativeLayout;percentFrameLayout 继承自 FrameLayout。
百分比布局的相关属性:
百分比布局的相关属性
二、横竖屏或手机与平板同时适配
2.1 使用限定符
2.1.1 最小尺寸限定符 res/layout(layout-large)
单面板布局:res/layout/activity_main.xml
双面板布局:res/layout_large/activity_main.xml
2.1.2 最小宽度限定符 res/layout(layout-sw600dp)
** 但 Android 版本低于 3.2 的设备不支持此技术,原因是这些设备无法将 sw600dp 识别为尺寸限定符,因此我们仍需使用 large 限定符。 **
** 定义 **:通过指定某个最小宽度(以 dp 为单位)来设置屏幕的大小,从而决定是否双面板显示。
例如使用 sw600p 指明双面板布局尽适用最小宽度为 600dp 的屏幕,而不是适用 large 限定符。标准 7 英寸平板电脑的最小宽度为 600dp。
单面板布局:res/layout/activity_main.xml
双面板布局:res/layout-sw600dp/activity_main.xml
2.1.3 屏幕方向限定符 land port
2.2 使用布局别名 activity_main.xml(activity_main_large.xml)
** 步骤 1** :设置好相应布局
对应布局
** 步骤 2 **:设置大尺寸屏幕引用的布局
设置大尺寸屏幕应用的布局
** 步骤 3 **:设置 600dp 尺寸屏幕引用的布局
设置 600dp 尺寸屏幕引用的布局
** 说明 **:
说明