自定义Property属性动画

时间：2021-10-17 09:03:40

同步发表于 http://avenwu.net/customlayout/2015/04/06/custom_property_animation/

代码获取

git clone https://github.com/avenwu/support.git

在Android中动画的实现有许多不同选择，本文将扩展FrameLayout为其添加背景动画；

针对某个view做动画比较方便，这里通过自定义的属性来为一个容器类布局添加背景动画；

自定义Property属性动画

思路

  1. 动画的原理本质就是修改属性值，然后根据新的值进行绘制；
  2. 采用ObjectAnimator，其内部实现了对值再给定时间内的变化处理；
  3. 定义代表缩放圆圈的半径属性，刷新视图；

实战

根据需要，先定义float型半径mRippleRadius，并提供相应地setter、getter

    private float mRippleRadius;

    private float getRadius() {

        return mRippleRadius;

    }

    private void setRadius(float radius) {

        this.mRippleRadius = radius;

    }

添加Property

    Property<BreathingDelegate, Float> mRadiusProperty = new Property<BreathingDelegate, Float>(Float.class, "mRippleRadius") {

        @Override

        public Float get(BreathingDelegate object) {

            return object.getRadius();

        }

        @Override

        public void set(BreathingDelegate object, Float value) {

            object.setRadius(value);

        }

    };

现在利用ObjectAnimator，实现mRippleRadius的变化，需要注意的是再每次值变化后，这里手动调用的invalidate保证视图会刷新；



            ObjectAnimator animator = ObjectAnimator.ofFloat(this, mRadiusProperty, mRippleRadius, mEndRadius);

        animator.setDuration(mDuration);

        animator.setRepeatCount(ValueAnimator.INFINITE);

        animator.setRepeatMode(ValueAnimator.REVERSE);

        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

            @Override

            public void onAnimationUpdate(ValueAnimator animation) {

                mTarget.invalidate();

            }

        });

最后重载绘制方法，为容器绘制我们希望看到的背景

    public void onDraw(Canvas canvas) {

        mRippleRect.set(mBorderRect.centerX() - mRippleRadius, mBorderRect.centerY() - mRippleRadius,

                mBorderRect.centerX() + mRippleRadius, mBorderRect.centerY() + mRippleRadius);

        canvas.drawOval(mRippleRect, mPaint);

        Log.d("BreathingLayout", "onDraw=" + mRippleRect.toString());

    }

结语

ObjectAnimator/ValueAnimator不单单可以用在常规缩放，位移动画中，也可于再自定义的属性，以及在很多需要线性变化的地方。

相关文章