Android 仿余额宝数字动画效果

看过好几篇进行数字动画处理的文章，这个是我发现的最简单也是最好理解的，特地拿出来和大家分享。

核心的代码主要是重写了 TextView这个控件，做了一些自己的处理。

package com.lance.widget;

import java.text.DecimalFormat;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.TextView;

/**
* 一、设置跳跃的帧数，setFrames(int frames)，默认是25帧 二、设置数字格式 ， setFormat(String
* pattern)，具体查DecimalFormat类的api 三、需要动画效果用，playNumber(double
* number)方法代替setText()方法，小数如果超过3位小数会四舍五入保留2位小数
*
* @author Lance
*
*/
public class RunningTextView extends TextView {

public double content;// 最后显示的数字
private int frames = 25;// 总共跳跃的帧数,默认25跳
private double nowNumber = 0.00;// 显示的时间
private ExecutorService thread_pool;
private Handler handler;
private DecimalFormat formater;// 格式化时间，保留两位小数

public RunningTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}

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

public RunningTextView(Context context) {
super(context);
init();
}

public int getFrames() {
return frames;
}

// 设置帧数
public void setFrames(int frames) {
this.frames = frames;
}

/**
* 设置数字格式，具体查DecimalFormat类的api
* @param pattern
*/
public void setFormat(String pattern) {
formater = new DecimalFormat(pattern);
}

// 初始化
private void init() {

thread_pool = Executors.newFixedThreadPool(2);// 2个线程的线程池
formater = new DecimalFormat("00.00");// 最多两位小数，而且不够两位整数用0占位。可以通过setFormat再次设置   decimalformat用来格式化数字
handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
RunningTextView.this.setText(formater.format(nowNumber)
.toString());// 更新显示的数字
nowNumber += Double.parseDouble(msg.obj.toString());// 跳跃arg1那么多的数字间隔
//                Log.v("nowNumber增加之后的值", nowNumber + "");
//
if (nowNumber < content) {
Message msg2 = handler.obtainMessage();
msg2.obj = msg.obj;
handler.sendMessage(msg2);// 继续发送通知改变UI
} else {
RunningTextView.this.setText(formater.format(content)
.toString());// 最后显示的数字，动画停止
}
}
};
}

/**
* 播放数字动画的方法
*
* @param moneyNumber
*/
public void playNumber(double moneyNumber) {
if (moneyNumber == 0) {
RunningTextView.this.setText("0.00");
return;
}
content = moneyNumber;// 设置最后要显示的数字
nowNumber = 0.00;// 默认都是从0开始动画
thread_pool.execute(new Runnable() {
@Override
public void run() {
Message msg = handler.obtainMessage();
double temp = content / frames;
msg.obj = temp < 0.01 ? 0.01 : temp;// 如果每帧的间隔比1小，就设置为1
//                Log.v("每帧跳跃的数量：", "" + msg.obj.toString());
handler.sendMessage(msg);// 发送通知改变UI
}
});
}

}

　　原理主要是利用handler进行递归 不断的累加数字

package com.lance.runningtextview;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener {

private Button mBtrmb;
private Button mBtdollar;
private Button mBturo;
private com.lance.widget.RunningTextView mRunningtextview;
private EditText mEdit;
private Button mBtplay;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bindViews();
// 设置数字格式，具体查DecimalFormat类的api
mRunningtextview.setFormat("00.00");
mBtplay.setOnClickListener(this);
mBtrmb.setOnClickListener(this);
mBtdollar.setOnClickListener(this);
mBturo.setOnClickListener(this);
}

private void bindViews() {

mBtrmb = (Button) findViewById(R.id.btrmb);
mBtdollar = (Button) findViewById(R.id.btdollar);
mBturo = (Button) findViewById(R.id.bturo);
mRunningtextview = (com.lance.widget.RunningTextView) findViewById(R.id.runningtextview);
mEdit = (EditText) findViewById(R.id.edit);
mBtplay = (Button) findViewById(R.id.btplay);
}

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btplay:
// 播放数字动画
String temp = mEdit.getText().toString();
Log.v("temp:", temp);
if(!temp.equals("")){
double number = Double.parseDouble(temp);
mRunningtextview.playNumber(number);
}
break;

case R.id.btrmb:
Toast.makeText(this, "use the symbol ￥ ", Toast.LENGTH_SHORT).show();
mRunningtextview.setFormat("￥00.00");
break;
case R.id.bturo:
Toast.makeText(this, "use the symbol € ", Toast.LENGTH_SHORT).show();
mRunningtextview.setFormat("€00.00");
break;
case R.id.btdollar:
Toast.makeText(this, "use the symbol $ ", Toast.LENGTH_SHORT).show();
mRunningtextview.setFormat("$00.00");
break;
}

}

}