Android —— VauleAnimator动画进阶

本文通过自定义View和属性动画实现了一个具有回弹效果的弹力球动画案例。介绍了创建带有半径属性的Point类、自定义View绘制圆形、设置动画效果及监听更新等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

博主以前写过属性动画,这里由于近期看到不错的文章有了新的体会,这里加上实例大概再讲一下喽。
这里也做一个具有回弹效果的弹力球吧^_^
参考博文
大致思路:
1.由于要对一个圆做动画,这里我们建一个带有半径的圆Piont的bean类。

public class Point  {
    private int radius;
    public Point(int radius){
        this.radius = radius;
    }

    public int getRadius() {
        return radius;
    }

    public void setRadius(int radius) {
        this.radius = radius;
    }
}

2.创建一个自定义的view:

public class MyPointView extends View {
    private Point mCurPoint;
    public MyPointView(Context context) {
        super(context);
    }

    public MyPointView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyPointView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public MyPointView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    protected void onDraw(Canvas canvas) {//重写onDraw方法
        super.onDraw(canvas);
        if (mCurPoint != null){//当当前Point有对象时,取半径画圆
            Paint paint = new Paint();
            paint.setAntiAlias(true);
            paint.setColor(Color.GREEN);
            paint.setStyle(Paint.Style.FILL);
            canvas.drawCircle(300,300,mCurPoint.getRadius(),paint);
        }
    }

    /**
     * 设置view的动画效果
     */
    public void doPointAnim(){
        ValueAnimator animator = ValueAnimator.ofObject(new PointEvaluator(),new Point(20),new Point(200));//需要自己写PointEvaluator(重点)
        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {//监听当前状态
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                mCurPoint = (Point)animation.getAnimatedValue();
                invalidate();//强制刷新界面
            }
        });
        animator.setDuration(1000);
        animator.setInterpolator(new BounceInterpolator());//回弹插值器,以弹动的效果做出动画
        animator.start();
    }
}

3.创建PointEvaluator。
在构造ofObject中,我们也可以知道,初始值和动画中间值的类型都是Point类型,所以PointEvaluator输入的返回类型都应该是Point类型的,先看看PointEvaluator的完整代码:
实现TypeEvaluator接口,对于ofObject的使用是很重要的部分,它用来返回不同的动画进度下的状态**

public class PointEvaluator implements TypeEvaluator<Point> {
    @Override
    public Point evaluate(float fraction, Point startValue, Point endValue) {//圆是通过半径来画的
        int start = startValue.getRadius();
        int end = endValue.getRadius();
        int curValue = (int) (start + fraction * (end - start));//通过fraction动画进度计算当前进度下的圆的半径
        return new Point(curValue);//返回Point对象
    }
}

4.在MainActivity中使用’

public class MainActivity extends Activity {

    private Button btnStart;
    private MyPointView mPointView;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btnStart = (Button) findViewById(R.id.btn);
        mPointView = (MyPointView)findViewById(R.id.myView);

        btnStart.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mPointView.doPointAnim();
            }
        });
    }
}

代码已经上传到博主的资源喽资源

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值