Android使用ValueAnimator开发仿余额宝数值增加控件

效果图

效果图

原理

首先我们需要写一个NumberView继承自TextView

public class NumberView extends TextView 

写一个私有方法实现数值增加动画,用到了ValueAnimator,其中mStartNumber为起始数值,mEndNumber为结束数值,mDuration为动画持续的时间。为该valueAnimator添加一个AnimatorUpdateListener,监听每一次的数值更新,实现onAnimationUpdate方法,将更新后的数值格式化后设置到TextView中,就是这么简单。

    private void runAnimator() {
        ValueAnimator valueAnimator = ValueAnimator.ofFloat(mStartNumber,
                mEndNumber);
        valueAnimator.setDuration(mDuration);
        valueAnimator.addUpdateListener(new AnimatorUpdateListener() {

            @Override
            public void onAnimationUpdate(ValueAnimator va) {
                Float f = Float.parseFloat(va.getAnimatedValue().toString());
                if(f.floatValue()==mEndNumber){
                    isRunning=false;
                }
                setText(mDecimalFormat.format(f.floatValue()));
            }
        });
        valueAnimator.start();
    }

之后再写一个start()方法,包装runAnimator方法。

    public void start(float startNumber, float endNumber, long duration) {
        if(!isRunning){
            isRunning=true;
            mStartNumber = startNumber;
            mEndNumber = endNumber;
            mDuration = duration;
            mDecimalFormat = new DecimalFormat(".00");
            runAnimator();
        }       
    }

完整代码

github

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值