美文网首页Android开发Android屏幕适配
Android今日头条UI适配完善版

Android今日头条UI适配完善版

作者: xcheng_ | 来源:发表于2018-11-21 11:31 被阅读9次

    前言

    众所周知 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即可,如:

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

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

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

    相关文章

      网友评论

        本文标题:Android今日头条UI适配完善版

        本文链接:https://www.haomeiwen.com/subject/kmiqqqtx.html