Android之增长的数字动画

Android之增长的数字动画

本案例是使用开源组件RiseNumberTextView来实现类似手机支付宝中增长的数字效果，首先我们来看一下开源组件中的两个类分别如下：

package com.bear.risenumbertest.lib;

public interface RiseNumberBase {
    public void start();
    public RiseNumberTextView withNumber(float number);
    public RiseNumberTextView withNumber(int number);
    public RiseNumberTextView setDuration(long duration);
    public void setOnEnd(RiseNumberTextView.EndListener callback);
}

另一个类：

package com.bear.risenumbertest.lib;

import Android.content.Context;
import android.util.AttributeSet;
import android.widget.TextView;

import com.nineoldandroids.animation.ValueAnimator;

import java.text.DecimalFormat;

public class RiseNumberTextView extends TextView implements RiseNumberBase{

    private static final int STOPPED = 0;

    private static final int RUNNING = 1;

    private int mPlayingState = STOPPED;

    private float number;

    private float fromNumber;

    private long duration=1500;
    /**
    * 1.int 2.float
    */
    private int numberType=2;

    private DecimalFormat  fnum;

    private EndListener mEndListener=null;

    final static int[] sizeTable = { 9, 99, 999, 9999, 99999, 999999, 9999999,
            99999999, 999999999, Integer.MAX_VALUE };

    public RiseNumberTextView(Context context){
        super(context);
    }

    public RiseNumberTextView(Context context,AttributeSet attr){
        super(context,attr);
    }

    public RiseNumberTextView(Context context,AttributeSet attr,int defStyle)
    {
        super(context,attr,defStyle);
    }

    public interface EndListener {
        public void onEndFinish();
    }

    public boolean isRunning() {
        return (mPlayingState == RUNNING);
    }

    private void runFloat(){
        ValueAnimator valueAnimator = ValueAnimator.ofFloat(fromNumber, number);
        valueAnimator.setDuration(duration);

        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {

                setText(fnum.format(Float.parseFloat(valueAnimator.getAnimatedValue().toString())));
                if (valueAnimator.getAnimatedFraction()>=1){
                    mPlayingState = STOPPED;
                    if (mEndListener!=null)
                    mEndListener.onEndFinish();
                }
            }

        });
        valueAnimator.start();
    }
    private void runInt(){
        ValueAnimator valueAnimator = ValueAnimator.ofInt((int)fromNumber, (int)number);
        valueAnimator.setDuration(duration);

        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {

                setText(valueAnimator.getAnimatedValue().toString());
                if (valueAnimator.getAnimatedFraction()>=1){
                    mPlayingState = STOPPED;
                    if (mEndListener!=null)
                    mEndListener.onEndFinish();
                }
            }
        });
        valueAnimator.start();
    }

    static int sizeOfInt(int x) {
        for (int i = 0;; i++)
            if (x <= sizeTable[i])
                return i + 1;
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        fnum=  new DecimalFormat("##0.00");
    }

    @Override
    public void start() {

        if (!isRunning()) {
            mPlayingState = RUNNING;
            if (numberType==1)
                runInt();
            else
                runFloat();
        }
    }

    @Override
    public RiseNumberTextView withNumber(float number) {

        this.number=number;
        numberType=2;
        if (number>1000){
            fromNumber=number-(float)Math.pow(10,sizeOfInt((int)number)-2);
        }else {
            fromNumber=number/2;
        }

        return this;
    }

    @Override
    public RiseNumberTextView withNumber(int number) {
        this.number=number;
        numberType=1;
        if (number>1000){
            fromNumber=number-(float)Math.pow(10,sizeOfInt((int)number)-2);
        }else {
            fromNumber=number/2;
        }

        return this;

    }

    @Override
    public RiseNumberTextView setDuration(long duration) {
        this.duration=duration;
        return this;
    }

    @Override
    public void setOnEnd(EndListener callback) {
        mEndListener=callback;
    }

}

将这两个类集成到我们的工程中后，就可以使用了，下面这个是使用范例：

package com.bear.risenumbertest;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.Toast;

import com.bear.risenumbertest.lib.RiseNumberTextView;
import com.bear.risenumbertest.lib.RiseNumberTextView.EndListener;

public class MainActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
 
  //获取到RiseNumberTextView对象
  RiseNumberTextView rnTextView = (RiseNumberTextView) findViewById(R.id.risenumber_textview);
  // 设置数据
  rnTextView.withNumber(2666.50f);
  // 设置动画播放时间
  rnTextView.setDuration(5000);
  // 开始播放动画
  rnTextView.start();
  // 监听动画播放结束
  rnTextView.setOnEnd(new EndListener() {

   @Override
   public void onEndFinish() {
    Toast.makeText(MainActivity.this, "数据增长完毕...",
      Toast.LENGTH_SHORT).show();
   }
  });
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

}

附上效果图：

最后附上Android之增长的数字动画完整的工程源码链接：

------------------------------------------分割线------------------------------------------

免费下载地址在 http://linux.bkjia.com/

用户名与密码都是www.bkjia.com

具体下载目录在 /2014年资料/12月/15日/Android之增长的数字

下载方法见

------------------------------------------分割线------------------------------------------