Android 屏幕适配——smallestWidth适配

前言

介于目前的Android设备存在有不同的屏幕尺寸,屏幕分辨率,像素密度,Android应用在开发的过程必须要考虑到屏幕尺寸适配的问题,以保证在不同尺寸的Android设备上都能够正常运行。
基本概念

在开始说明适配方案之前,我们首先需要对如下几个概念了若指掌:屏幕尺寸,屏幕分辨率,屏幕像素密度。
1。 屏幕尺寸

屏幕尺寸是指的设备对角线的物理尺寸,常用单位为英寸。

    1英寸 = 2.54cm

2. 屏幕分辨率

屏幕分辨率指的是设备在横向、纵向上的像素总和,常用宽*高的方式来描述。

    宽指的是在横向上的像素点数,高是在纵向上的像素点数。
    如480*600,则表示在横向上有480个像素点,在纵向上有600个像素点。

3. 屏幕像素密度

屏幕像素密度指的是设备每英寸的像素点数,单位dpi。

    屏幕尺寸以160个像素作为基准,假设设备的每英寸有160个像素,则设备密度为160dpi,为1倍图适配。

倍图对应关系:
密度类型    分辨率    dpi    dp换算
低密度(ldpi)    240x320    120    1dp=0.75px
中密度(mdpi)    320x480    160    1dp=1px
高密度(hdpi)    480x800    240    1dp=1.5px
超高密度(xhdpi)    720x1280    320    1dp=2px
超超高密度(xxhdpi)    1080x1920    480    1dp= 3px
一、屏幕适配方案

Android常见的UI适配方案主要包括如下几种:

    多layout适配
    屏幕分辨率限定符适配
    smallestWidth限定符适配

1. 多layout适配

多layout适配主要是针对某个分辨率,新建一个layout文件夹,名称为:layout-1024*600,横屏layout-land-1024*600。
这种方法多见于横屏的特殊适配,如果横屏的UI和竖屏的UI差距非常大的情况下,可以为横屏单独设置布局。

多layout.jpg

2. 屏幕分辨率限定符适配

屏幕限定符适配,是针对不同屏幕的分辨率创建values-xxx的文件夹,在遇到对应的屏幕分辨率时就可以找到对应的values文件夹,查找文件夹下的dimens.xml文件,确定每个屏幕尺寸下显示控件的大小。如下图:

屏幕限定符适配.jpg

然后对每个values对应的不同屏幕分辨率,生成各种分辨率下面的dimens.xml文件。

720px

 需要注意的是采用此种方法,在每个dimens.xml文件里定义的尺寸大小多为px(像素),然而我们在实际的Android开发过程中遇到的开发尺寸多为dp,因此在实际的开发中此种方法使用场景并不是很频繁。

3. smallestWidth限定符适配

smallestWidth限定符适配原理和屏幕分辨率限定符适配一样,都是通过创建多个values文件夹,系统根据限定符去寻找对应的dimens.xml文件,以确定不同设备上的大小展示,如下图:

最小宽度适配.jpg

 

和屏幕分辨率限定符屏幕分辨率限定符适配是拿 px 值等比例缩放不同的是, smallestWidth 限定符适配是拿 dp 值来等比缩放。

需要注意的是,最小宽度的宽度是不区分方向的,也就是对于设备来说无论是宽度还是高度,哪一边更小就认为哪一边是“最小宽度”。

代码中的设置大小

如果要在代码中设置大小,可以使用如下工具类:

public class ScreenSizeUtil {

    /**
     * 计算当前的SP的值
     * @param context
     * @param spSize :R.dimen.sp_16
     * @return
     */
    public static int getSP(Context context,@DimenRes int spSize){

        float pxValue = context.getResources().getDimension(spSize);//获取对应资源文件下的sp值
        //将px值转换成sp值
        return px2sp(context, pxValue);
    }

    /**
     * 计算当前的DP的值
     * @param context
     * @param dpSize :R.dimen.dp_16
     * @return
     */
    public  static int getDP(Context context,@DimenRes int dpSize){
        float pxValue = context.getResources().getDimension(dpSize);//获取对应资源文件下的sp值
        //将px值转换成sp值
        return px2dip(context, pxValue);
    }

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

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

    /**
     * px转换为sp
     * @param context
     * @param pxValue
     * @return
     */
    public static int px2sp(Context context,float pxValue){
        if (context == null) {
            return (int) pxValue;
        }
        final float scale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (pxValue / scale + 0.5f);
    }
}

二、smallestWidth限定符适配的优势

虽然和分辨率限定符适配原理相同,都需要设置多个dimens.xml文件,但是在实际的开发过程中,还是相对建议使用smallestWidth限定符适配,其具有如下优势:
1. Android设配屏幕尺寸较多

和IOS设备不一样的是,Android设备有着多种多样的屏幕分辨率,因此如果采用屏幕分辨率来适配的话,则需要非常多的values,如果你没有适配对应分辨率的设备,则很有可能导致适配变形。
而实际上绝大部分的设备的最小宽度都大于360dp,这样的话smallestWidth限定符适配就不需要进行大量适配,而只需要添加少量的dimens.xml文件即可。
2. 适配单位便捷

屏幕分辨率适配的单位是px(像素),而基于Android设备不同的像素密度,这个单位在实际的开发中是很少会用到的。
smallestWidth限定符适配中的dan’wi单位是dp,对于文本大小也支持采用sp适配,在开发过程中十分便捷。
3. 适配宽松

屏幕分辨率限定符适配需要设备分辨率与 values-xx 文件夹完全匹配才能达到适配,如果不能完全匹配,则适配有可能无效而导致UI大幅变形。

而 smallestWidth 限定符适配寻找 dimens.xml 文件的原理是从大往小找,例如设备的最小宽度为 360dp,就会先去找 values-360dp,发现没有则会向下找 values-320dp,如果还是没有才找默认的 values 下的 demens.xml 文件,所以即使没有完全匹配也能达到不错的适配效果。

三、smallestWidth限定符适使用

鉴于需要生成多个dimens.xml文件,手动添加的代价过于高昂,而且当前已经有插件可以自动生成,目前推荐使用插件:ScreenMatch。
1. ScreenMatch插件安装到Android Studio

和其他插件的安装一样,Android Studio可以通过Plugin Marketplace中查找插件,如下所示:

插件安装.jpg

1.在MarketPlace中找到ScreenMatch点击安装即可。

有可能在访问插件库时,MarketPlace加载不出来,可能需要魔法上网;或者访问插件库地址下载插件安装到本地也可以:https://plugins.jetbrains.com/
本地安装.jpg 

2. dimens文件添加

我们将screenMatch_example_dimens.xml复制到app的res/values文件夹下并改名为dimens.xml

Android 屏幕适配——smallestWidth适配_第1张图片

 最后我们再去右击目录然后选择ScreenMatch,这时候就会生成我们需要适配的dimens.xml文件了

Android 屏幕适配——smallestWidth适配_第2张图片

 

3. screenMatch生成values

在插件导入之后,可以在values文件夹右键,选择ScreenMatch选项,然后选择在你添加了dimens.xml文件的module下执行,即可生成多个values文件夹。
4. 更新配置

在使用了ScreenMatch时,在Module层级的目录下会有一个ScreenMatch配置文件——screenMatch.properties,在其中可以更新配置,如果要更新需要适配的尺寸,可以在如下的代码中进行变动:

base_dp=600
# Also need to match the phone screen of [match_dp].
# If you have another dp values.
# System default values is 320,360,384,400,432,446.5,480,540,592,600,640,662,720,768,800,820,960,1024,1280,1365

 base_dp是你的基准尺寸,可以在System default values中添加你需要适配的尺寸,然后重新执行第三步重新生成values及对应的dimens.xml文件。

5. 布局xml文件中的使用

接下来就是在布局xml文件中去使用大小了,可以采用@dimen/dp_12类似的方式来获取大小。
举例来说,如果要设计一个大小为宽为100dp,高为80dp的按钮,文字大小为20sp,可以在布局中这么写:

    

6. 代码中设置大小

代码中的话则需要通过getDimension()方法获取对应资源文件下的大小,工具类如下:

public class ScreenSizeUtil {

    /**
     * 计算当前的SP的值
     * @param context
     * @param spSize :R.dimen.sp_16
     * @return
     */
    public static int getSP(Context context,@DimenRes int spSize){

        float pxValue = context.getResources().getDimension(spSize);//获取对应资源文件下的sp值
        //将px值转换成sp值
        return px2sp(context, pxValue);
    }

    /**
     * 计算当前的DP的值
     * @param context
     * @param dpSize :R.dimen.dp_16
     * @return
     */
    public  static int getDP(Context context,@DimenRes int dpSize){
        float pxValue = context.getResources().getDimension(dpSize);//获取对应资源文件下的sp值
        //将px值转换成sp值
        return px2dip(context, pxValue);
    }

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

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

    /**
     * px转换为sp
     * @param context
     * @param pxValue
     * @return
     */
    public static int px2sp(Context context,float pxValue){
        if (context == null) {
            return (int) pxValue;
        }
        final float scale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (pxValue / scale + 0.5f);
    }
}

你可能感兴趣的:(android)