自定义Drawable 实现波纹扩散效果

这里写图片描述

  • 自定义drawable
public class RippleDrawable extends Drawable implements Animatable {

    //需要的画笔
    private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    //画笔的颜色
    private int bg_color = Color.BLUE;
    //目标view的宽度
    private int mViewWidth;
    //目标view的高度
    private int mViewHeight;
    //扩散的距离
    private int mFullSpace;
    //控制的动画
    private ValueAnimator mValueAnimator;
    //半径
    private int mRadius;

    /**
     * 必须重写画drawable的方法
     * @param canvas
     */
    @Override
    public void draw(Canvas canvas) {
        mPaint.setColor(bg_color);
        mPaint.setAlpha(100);
        canvas.drawCircle(mViewWidth / 2, mViewHeight / 2, mRadius, mPaint);
    }

    /**
     * 设置透明度
     */
    @Override
    public void setAlpha(int alpha) {

    }
    /**
     * 设置颜色过滤
     */
    @Override
    public void setColorFilter(ColorFilter colorFilter) {

    }

    /**
     * 设置精度
     */
    @Override
    public int getOpacity() {
        return 0;
    }

    @Override
    protected void onBoundsChange(Rect bounds) {
        mViewWidth = Math.abs(bounds.width());
        mViewHeight = Math.abs(bounds.height());
        mFullSpace = (int) Math.sqrt((mViewWidth * mViewWidth + mViewHeight * mViewHeight));

        mValueAnimator = ValueAnimator.ofInt(0, mFullSpace);
        mValueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                //获取不断改变的半径并重绘drawable
                mRadius = (int) animation.getAnimatedValue();
                //重绘,会再次调用draw
                invalidateSelf();
            }
        });
        //设置动画持续的时间
        mValueAnimator.setDuration(1000);
        start();
    }

    /**
     * 动画开始
     */
    @Override
    public void start() {
        if (mValueAnimator != null) {
            mValueAnimator.start();
        }
    }

    /**
     * 动画结束
     */
    @Override
    public void stop() {
        if (mValueAnimator != null) {
            mValueAnimator.end();
        }
    }

    /**
     * 动画是否运行中
     */
    @Override
    public boolean isRunning() {
        return mValueAnimator != null && mValueAnimator.isRunning();
    }

}
  • 使用
 Button btn_ripple = (Button) findViewById(R.id.btn_ripple);
        if (btn_ripple != null) {
            btn_ripple.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    RippleDrawable drawable = new RippleDrawable();
                    v.setBackgroundDrawable(drawable);

                }
            });
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值