Android系统控件获取自定义属性

想要系统获取我们自定义的属性，关键就是重写这两个函数：

generateLayoutParams：这个函数在加载XML布局时自动调用，可以获取到每一个系统控件配置的布局参数，包括自定义参数。每加载一个系统控件（如Imageview），则调用一次这个函数。

addView：这个函数是在generateLayoutParams之后执行，在这里我们可以获取到generateLayoutParams函数返回的MyLayoutParams里的自定义属性值。在addview系统控件（如Imageview）之前，先创建并添加一个“自定义包裹VIEWGROUP"视图，然后将自定义属性赋给这个视图，最后在把系统控件addview到"自定义包裹VIEWGROUP"里，从而实现了在代码中为XML里的每一个系统控件外层包裹一个“自定义包裹VIEWGROUP"视图。

OK，至此我们已经实现了在系统控件外包裹一层可以识别自定义属性的VIEWGROUP父布局，接下来我们就来看一下这个自定义VIEWGROUP是如何执行动画的。

public class AnimatorFramelayout extends FrameLayout implements DiscrollInterface {
    public AnimatorFramelayout(@NonNull Context context) {
        this(context, null);
    }
    public AnimatorFramelayout(@NonNull Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public AnimatorFramelayout(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    
    //保存自定义属性
    //定义很多的自定义属性
    private static final int TRANSLATION_FROM_TOP = 0x01;
    private static final int TRANSLATION_FROM_BOTTOM = 0x02;
    private static final int TRANSLATION_FROM_LEFT = 0x04;
    private static final int TRANSLATION_FROM_RIGHT = 0x08;
    //颜色估值器
    private static ArgbEvaluator sArgbEvaluator = new ArgbEvaluator();
    
    private int mDiscrollveFromBgColor;//背景颜色变化开始值
    private int mDiscrollveToBgColor;//背景颜色变化结束值
    private boolean mDiscrollveAlpha;//是否需要透明度动画
    private int mDisCrollveTranslation;//平移值
    private boolean mDiscrollveScaleX;//是否需要x轴方向缩放
    private boolean mDiscrollveScaleY;//是否需要y轴方向缩放
    private int mHeight;//本view的高度
    private int mWidth;//宽度
    public void setmDiscrollveFromBgColor(int mDiscrollveFromBgColor) {
        this.mDiscrollveFromBgColor = mDiscrollveFromBgColor;
    }
    public void setmDiscrollveToBgColor(int mDiscrollveToBgColor) {
        this.mDiscrollveToBgColor = mDiscrollveToBgColor;
    }
    public void setmDiscrollveAlpha(boolean mDiscrollveAlpha) {
        this.mDiscrollveAlpha = mDiscrollveAlpha;
    }
    public void setmDisCrollveTranslation(int mDisCrollveTranslation) {
        this.mDisCrollveTranslation = mDisCrollveTranslation;
    }
    public void setmDiscrollveScaleX(boolean mDiscrollveScaleX) {
        this.mDiscrollveScaleX = mDiscrollveScaleX;
    }
    public void setmDiscrollveScaleY(boolean mDiscrollveScaleY) {
        this.mDiscrollveScaleY = mDiscrollveScaleY;
    }
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mWidth = w;
        mHeight = h;
    }
    @Override
    public void onDiscroll(float ratio) {
        //执行动画ratio：0~1
        if (mDiscrollveAlpha) {
            setAlpha(ratio);
        }
        if (mDiscrollveScaleX) {
            setScaleX(ratio);
        }
        if (mDiscrollveScaleY) {
            setScaleY(ratio);
        }
        //平移动画  int值：left,right,top,bottom    left|bottom
        if (isTranslationFrom(TRANSLATION_FROM_BOTTOM)) {//是否包含bottom
            setTranslationY(mHeight * (1 - ratio));//height--->0(0代表恢复到原来的位置)
        }
        if (isTranslationFrom(TRANSLATION_FROM_TOP)) {//是否包含bottom
            setTranslationY(-mHeight * (1 - ratio));//-height--->0(0代表恢复到原来的位置)
        }
        if (isTranslationFrom(TRANSLATION_FROM_LEFT)) {
            setTranslationX(-mWidth * (1 - ratio));//mWidth--->0(0代表恢复到本来原来的位置)
        }
        if (isTranslationFrom(TRANSLATION_FROM_RIGHT)) {
            setTranslationX(mWidth * (1 - ratio));//-mWidth--->0(0代表恢复到本来原来的位置)
        }
        //判断从什么颜色到什么颜色
        if (mDiscrollveFromBgColor != -1 && mDiscrollveToBgColor != -1) {
            setBackgroundColor((int) sArgbEvaluator.evaluate(ratio, mDiscrollveFromBgColor, mDiscrollveToBgColor));
        }
    }
    @Override
    public void onResetDiscroll() {
        if (mDiscrollveAlpha) {
            setAlpha(0);
        }
        if (mDiscrollveScaleX) {
            setScaleX(0);
        }
        if (mDiscrollveScaleY) {
            setScaleY(0);
        }
        //平移动画  int值：left,right,top,bottom    left|bottom
        if (isTranslationFrom(TRANSLATION_FROM_BOTTOM)) {//是否包含bottom
            setTranslationY(mHeight);//height--->0(0代表恢复到原来的位置)
        }
        if (isTranslationFrom(TRANSLATION_FROM_TOP)) {//是否包含bottom
            setTranslationY(-mHeight);//-height--->0(0代表恢复到原来的位置)
        }
        if (isTranslationFrom(TRANSLATION_FROM_LEFT)) {
            setTranslationX(-mWidth);//mWidth--->0(0代表恢复到本来原来的位置)
        }
        if (isTranslationFrom(TRANSLATION_FROM_RIGHT)) {
            setTranslationX(mWidth);//-mWidth--->0(0代表恢复到本来原来的位置)
        }
    }
    private boolean isTranslationFrom(int translationMask) {
        if (mDisCrollveTranslation == -1) {
            return false;
        }
        //fromLeft|fromeBottom & fromBottom = fromBottom
        return (mDisCrollveTranslation & translationMask) == translationMask;
    }
}

我们发现自定义控件里实现了接口DiscrollvableInterface并重写了

void onDiscrollve(float ratio)  //根据比例，执行动画进度

void onResetDiscrollve();//逆向动画，恢复到初始状态。

在这两个函数里会根据自定义属性值与ratio来执行 这个“自定义VIEWGROUP包裹”的动画，从而内部包含的系统控件（如Imageview）等也会跟着动起来。那这两个函数是在什么地方调用的，以及ratio是怎么算出来的，那这个与Scrollview的滑动有关系。那我们就来看一下自定义Scrollview。

2.2自定义Scrollview

public class AnimatorScrollView extends ScrollView {
    private AnimatorLinerLayout mContent;
    public AnimatorScrollView(Context context) {
        super(context);
    }
    public AnimatorScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    public AnimatorScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    //渲染完毕之后
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        mContent = (AnimatorLinerLayout) getChildAt(0);
    }
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        View first = mContent.getChildAt(0);
        first.getLayoutParams().height = getHeight();
    }
    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        //监听滑动程度--CHILD从下面冒出来多少距离
        //需要一个百分比来执行动画，
        //百分比为  滑出高度／child实际高度＝百分比
        //实际高度
        int scrollViewHeight = getHeight();
        //监听滑动的程度---childView从下面冒出来多少距离/childView.getHeight();----0~1：动画执行的百分比ratio
        //动画执行的百分比ratio控制动画执行
        for (int i = 0; i < mContent.getChildCount(); i++) {
            View child = mContent.getChildAt(i);
            int childHeight = child.getHeight();
            if (!(child instanceof DiscrollInterface)) {
                continue;
            }
            //接口回掉，传递执行的百分比给MyFrameLayout
            //低耦合高内聚
            DiscrollInterface discrollInterface = (DiscrollInterface) child;
            //child离parent顶部的高度
            int childTop = child.getTop();
            //滑出去的这一截高度：t
//            child离屏幕顶部的高度
            int absoluteTop = childTop - t;
            if (absoluteTop <= scrollViewHeight) {
                //child浮现的高度 = ScrollView的高度 - child离屏幕顶部的高度
                int visibleGap = scrollViewHeight - absoluteTop;
                //float ratio = child浮现的高度/child的高度
                float ratio = visibleGap / (float) childHeight;
                //确保ratio是在0~1的范围
                discrollInterface.onDiscroll(clamp(ratio, 1f, 0f));
            } else {
                discrollInterface.onResetDiscroll();
            }
        }
    }
    
    private float clamp(float value, float max, float min) {
        return Math.max(Math.min(value, max), min);
    }
}

K,所有流程就分析完了。现在总结一下思路：

1. 自定义LinearLayout的addview，让添加imageview等系统控件前，先在外层包裹一个自定义VIEWGROUP，并赋予它自定义属性的配置。

2. 自定义VIEWGROUP,接收滑动的ratio来执行动画进度

3. 自定义Scrollview，计算滑动的ratio,并调用自定义VIEWGROUP里的执行动画函数。

完整项目

buder得儿得儿以得儿以得儿得儿 原创文章 235获赞 112访问量 27万+ 关注 私信 展开阅读全文
作者：buder得儿得儿以得儿以得儿得儿