Android仿支付宝中余额宝的数字动画效果

实现效果图：

下面是具体代码，可直接复制：

package com.lcw.rabbit.widget;
import android.animation.ObjectAnimator;
import android.content.Context;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.widget.TextView;


public class CountNumberView extends TextView {
 //动画时长
 private int duration = 1500;
 //显示数字
 private float number;
 //显示表达式
 private String regex;

 //显示表示式
 public static final String INTREGEX = "%1$01.0f";//不保留小数，整数
 public static final String FLOATREGEX = "%1$01.2f";//保留2位小数

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

 
 public void showNumberWithAnimation(float number, String regex) {
 if (TextUtils.isEmpty(regex)) {
  //默认为整数
  this.regex = INTREGEX;
 } else {
  this.regex = regex;
 }
 //修改number属性，会调用setNumber方法
 ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(this, "number", 0, number);
 objectAnimator.setDuration(duration);
 //加速器，从慢到快到再到慢
 objectAnimator.setInterpolator(new AccelerateDecelerateInterpolator());
 objectAnimator.start();
 }

 
 public float getNumber() {
 return number;
 }

 
 public void setNumber(float number) {
 this.number = number;
 setText(String.format(regex, number));
 }
}

使用方法，在XML里声明后（可以完全当成TextView来使用），直接在Java文件里调用：

 mTvCountNum1.showNumberWithAnimation(3201.23f, CountNumberView.FLOATREGEX);
 mTvCountNum2.showNumberWithAnimation(65535f, CountNumberView.INTREGEX);

这里为了灵活使用，预留了数字显示格式（默认提供整型号和浮点型），大家可以根据自己的需要去更改Regex。

关于String.format的第一个格式参数，这里引用下api的描述：

常规类型、字符类型和数值类型的格式说明符的语法如下：

%[argument_index$][flags][width][.precision]conversion

可选的 argument_index 是一个十进制整数，用于表明参数在参数列表中的位置。第一个参数由 "1$" 引用，第二个参数由 "2$" 引用，依此类推。

可选 flags 是修改输出格式的字符集。有效标志集取决于转换类型。

可选 width 是一个非负十进制整数，表明要向输出中写入的最少字符数。

可选 precision 是一个非负十进制整数，通常用来限制字符数。特定行为取决于转换类型。

总结

Android仿支付宝中余额宝的数字动画效果到这就结束了，希望这篇文章对大家在Android开发中能有所帮助，如果有疑问可以留言交流。