Android今日头条UI适配完善版

code小生,一个专注 Android 领域的技术平台

公众号回复 Android 加入我的安卓技术群

作者:xcheng_
链接:https://www.jianshu.com/p/41930fde7aac
声明:本文已获xcheng_授权发表,转发等请联系原作者授权

前言

众所周知 android的碎片化一直困扰着开发者,我们要花很多的时间去做UI适配的工作。主流的适配方案有两种 1、今日头条适配 2、smallestWidth适配。具体的实现点击上述连接查看。

这里主要讲的是今日头条的适配方案。他的逻辑很简单,就是更具设计图稿的宽度去动态的修改android运行设备DisplayMetrics的density、scaledDensity、densityDpi。但是今日头条只是贴出了示例代码。运行到正常开发的时候会遇到UI布局错乱的问题。主要是因为app在运行过程屏幕旋转、重力感应、切换字体等因素导致onConfigurationChanged 改变导致的 DisplayMetrics的值被恢复。故在此基础上做了修改保证运行中的稳定性

原理

通过阅读源码,我们可以得知,density 是 DisplayMetrics 中的成员变量,而 DisplayMetrics 实例通过 Resources#getDisplayMetrics 可以获得,而Resources通过Activity或者Application的Context获得。我们只需要包装Resources对象,重写其

getDisplayMetrics方法,修改其原始值

package com.xcheng.view.autosize;

import android.content.res.Resources;
import android.util.DisplayMetrics;

/**
 * 今日头条的适配方案
 */

public class ResourcesWrapper extends Resources {
    private final AutoSize autoSize;
    private float targetDensity;
    private float targetScaledDensity;
    private int targetDensityDpi;

    public ResourcesWrapper(Resources resources, AutoSize autoSize) {
        super(resources.getAssets(), resources.getDisplayMetrics(), resources.getConfiguration());
        this.autoSize = autoSize;
    }

    @Override
    public DisplayMetrics getDisplayMetrics() {
        DisplayMetrics displayMetrics = super.getDisplayMetrics();
        initValue(displayMetrics);
        autoSize(displayMetrics);
        return displayMetrics;
    }

    private void initValue(DisplayMetrics displayMetrics) {
        if (targetDensity == 0) {
            float nonCompatDensity = displayMetrics.density;
            float nonCompatScaledDensity = displayMetrics.scaledDensity;
            float designSizeInDp = autoSize.designSizeInDp;
            if (designSizeInDp > 0) {
                targetDensity = displayMetrics.widthPixels / designSizeInDp;
            } else {
                targetDensity = displayMetrics.heightPixels / -designSizeInDp;
            }
            targetScaledDensity = targetDensity * (nonCompatScaledDensity / nonCompatDensity);
            targetDensityDpi = (int) (160 * targetDensity);
        }
    }

    private void autoSize(DisplayMetrics displayMetrics) {
        displayMetrics.density = targetDensity;
        displayMetrics.densityDpi = targetDensityDpi;
        if (autoSize.isSupportSp) {
            displayMetrics.scaledDensity = targetScaledDensity;
        }
    }
}

AutoSize源码

package com.xcheng.view.autosize;

/**
 * 创建时间:2018/11/12
 * 编写人: chengxin
 * 功能描述:适配实体类
 */

public class AutoSize {
    /**
     * 默认的设计尺寸
     * >0 设置宽度
     * <0 设置高度
     */

    public final float designSizeInDp;
    public final boolean isSupportSp;

    /**
     * @param designSizeInDp 设计宽度货高度
     * @param isSupportSp    是否支持sp
     */

    public AutoSize(float designSizeInDp, boolean isSupportSp) {
        if (designSizeInDp == 0) {
            throw new IllegalArgumentException("designSizeInDp==0");
        }
        this.designSizeInDp = designSizeInDp;
        this.isSupportSp = isSupportSp;
    }
}

在Activity基类中重写getResources方法

@Override
public Resources getResources() {
    if (mResources == null) {
        final AutoSize autoSize = getAutoSize();
        if (autoSize != null) {
            mResources = new ResourcesWrapper(super.getResources(), autoSize);
        }
    }
    return mResources != null ? mResources : super.getResources();
}

/**
 * 子类可重写适配
 **/

@Nullable
protected AutoSize getAutoSize() {
    return EasyView.AUTOSIZE;
}

子类activiy根据需要重写getAutoSize即可,如:
返回null表示不适配

@Nullable
@Override
protected AutoSize getAutoSize() {
    return new AutoSize(360/*设计的宽度dp*/true);
}

核心代码只有这么多,开发者根据需要提取即可。

tips:

1、该实现核心思想是通过拦截Resources#getDisplayMetrics()方法,读者可根据其原理自动扩展支持 PT、IN、MM。
2、该适配思想最大的优点是稳定性,不会随着onConfigurationChanged导致其值被恢复为原始值,因为每次调用Resources#getDisplayMetrics()都会重新赋值适配(仅为简单的赋值,不会影响运行效率)。

github地址:
https://github.com/xchengDroid/EasyView

推荐

1、Android超级好用的CheckView
https://www.jianshu.com/p/c6e57ce563d5
2、Retrofit 最简洁易用的封装,优雅的取消请求,不依赖任何第三方框架
https://www.jianshu.com/p/aeea4fe91102

Android今日头条UI适配完善版_第1张图片

分享技术我是认真的

你可能感兴趣的:(Android今日头条UI适配完善版)