阅读 80

Android 屏幕最简单好用的适配方案

android中的dp在渲染前会将dp转为px,计算公式:

  • px = density * dp;
  • density = dpi / 160;
  • px = dp * (dpi / 160);

一般我们设计图都是以固定的尺寸来设计的。比如以分辨率1920px * 1080px来设计,以density为3来标注,也就是屏幕其实是640dp * 360dp。如果我们想在所有设备上显示完全一致,其实是不现实的,因为屏幕高宽比不是固定的,16:9、4:3甚至其他宽高比层出不穷,宽高比不同,显示完全一致就不可能了,即使相同分辨率的不同厂商手机屏幕密度也不同,我们就需要做到统一。

想要做屏幕适配我们先了解一个公式

从dp和px的转换公式 :

  • px = dp * density

可以看出,如果设计图宽为360dp,想要保证在所有设备计算得出的px值都正好是屏幕宽度的话,我们可以通过修改 density 的值达到效果。 density 是 DisplayMetrics 中的成员变量,而 DisplayMetrics 实例通过 Resources.getDisplayMetrics 可以获得,而Resouces通过Activity或者Application的Context获得。

DisplayMetrics 中和适配相关的几个变量:

  • DisplayMetrics.density 就是上述的density

  • DisplayMetrics.densityDpi 就是上述的dpi

  • DisplayMetrics.scaledDensity 字体的缩放因子,正常情况下和density相等,但是调节系统字体大小后会改变这个值

我们知道不管设置什么单位系统最终都会转换成px来计算 来看下系统的转换代码

  • TypedValue.applyDimension(int unit, float value, DisplayMetrics metrics) 来进行转换:
    public static float applyDimension(int unit, float value,DisplayMetrics metrics)
    {
        switch (unit) {
        case COMPLEX_UNIT_PX:
            return value;
        case COMPLEX_UNIT_DIP:
            return value * metrics.density;
        case COMPLEX_UNIT_SP:
            return value * metrics.scaledDensity;
        case COMPLEX_UNIT_PT:
            return value * metrics.xdpi * (1.0f/72);
        case COMPLEX_UNIT_IN:
            return value * metrics.xdpi;
        case COMPLEX_UNIT_MM:
            return value * metrics.xdpi * (1.0f/25.4f);
        }
        return 0;
    }
复制代码

图片的decode,BitmapFactory.decodeResourceStream方法

	    @Nullable
    public static Bitmap decodeResourceStream(@Nullable Resources res, @Nullable TypedValue value,
            @Nullable InputStream is, @Nullable Rect pad, @Nullable Options opts) {
        validate(opts);
        if (opts == null) {
            opts = new Options();
        }

        if (opts.inDensity == 0 && value != null) {
            final int density = value.density;
            if (density == TypedValue.DENSITY_DEFAULT) {
                opts.inDensity = DisplayMetrics.DENSITY_DEFAULT;
            } else if (density != TypedValue.DENSITY_NONE) {
                opts.inDensity = density;
            }
        }
        
	// 此处用到了densityDpi
        if (opts.inTargetDensity == 0 && res != null) {
            opts.inTargetDensity = res.getDisplayMetrics().densityDpi;
        }
        
        return decodeStream(is, pad, opts);
    }
复制代码

假如我们设计默认以360dp的屏幕为标准,先要设置view的宽度为屏幕的一半就是180dp,在1080 * 1920的屏幕上就应该是 540px。 通过计算

  • density = 1080/360;desity = 3

根据TypedVaule.applyDimens 换算 就是180dp * 3 = 540px 如果是720 * 1280的屏幕 一半屏幕宽度 就是360px,我们计算得到

  • density = 720/360,density = 2;

根据TypedVaule.applyDimens 换算 就是180dp * 2 = 360px

所以我们最终实现方案如下:

    private static final float defaultWidth = 360;
    private static float appDensity;
    private static float appScaleDensity;

    public static void setCustomDensity(Application application, Activity activity){
        DisplayMetrics displayMetrics = application.getResources().getDisplayMetrics();
        if (appDensity == 0){
            appDensity = displayMetrics.density;
            appScaleDensity = displayMetrics.scaledDensity;
	        //设置修改系统字体以后的监听
            application.registerComponentCallbacks(new ComponentCallbacks() {
                @Override
                public void onConfigurationChanged(@NonNull Configuration newConfig) {
                    if (newConfig != null && newConfig.fontScale >0){
                        appScaleDensity = application.getResources().getDisplayMetrics().scaledDensity;
                    }
                }

                @Override
                public void onLowMemory() {

                }
            });
        }
        final float targetDensity = displayMetrics.widthPixels/defaultWidth;
        final float targetScaleDensity = targetDensity *(appScaleDensity/appDensity);
        final int  targetDensityDpi = (int) (targetDensity * 160);
        displayMetrics.density = targetDensity;
        displayMetrics.scaledDensity = targetScaleDensity;
        displayMetrics.densityDpi = targetDensityDpi;
        final DisplayMetrics activityDisplayMetrics = activity.getResources().getDisplayMetrics();
        activityDisplayMetrics.density = targetDensity;
        activityDisplayMetrics.scaledDensity = targetScaleDensity;
        activityDisplayMetrics.densityDpi = targetDensityDpi;
    }
复制代码

项目中使用:

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //注意此处调用一定要在setContentView之前
	DensityHelper.setCustomDensity(getApplication(),this);
        setContentView(R.layout.activity_main);
    }
复制代码

有不足的地方往大家指出,共同学习。

文章分类
Android
文章标签