Android今日头条UI适配完善版

640?wx_fmt=gif

640?wx_fmt=jpeg

看什么看!点我呀! 全栈程序员,免费入门到精通! 640?wx_fmt=jpeg


作者丨xcheng_
https://www.jianshu.com/p/41930fde7aac


640?wx_fmt=gif

前言


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


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


640?wx_fmt=gif

原理


通过阅读源码,我们可以得知,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()都会重新赋值适配(仅为简单的赋值,不会影响运行效率)。


640?wx_fmt=gifgithub地址:


https://github.com/xchengDroid/EasyView


 推荐↓↓↓ 

640?wx_fmt=png

?16个技术公众号】都在这里!

涵盖:程序员大咖、源码共读、程序员共读、数据结构与算法、黑客技术和网络安全、大数据科技、编程前端、Java、Python、Web编程开发、Android、iOS开发、Linux、数据库研发、幽默程序员等。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值