前一段时间，项目需求中有一个对数字动态加载的效果，如图：
不过后期加了一个功能是显示带千位分隔符的动态效果：
好了 直接上代码 ：
Java 文件：
public class NumberRollingView extends TextView {
private static final int MONEY_TYPE = 0;
private static final int NUM_TYPE = 1;
private int frameNum;// 总共跳跃的帧数，默认30跳
private int textType;// 内容的类型，默认是金钱类型
private boolean useCommaFormat;// 是否使用每三位数字一个逗号的格式，让数字显得比较好看，默认使用
private boolean runWhenChange;// 是否当内容有改变才使用动画,默认是
private ExecutorService threadPool = Executors.newFixedThreadPool(1);// 1个线程的线程池
private DecimalFormat formatter = new DecimalFormat("0.00");// 格式化金额，保留两位小数
private double nowMoneyNum = 0.00;// 记录每帧增加后的金额数字
private double finalMoneyNum;// 目标金额数字（最终的金额数字）
private int nowNum;//记录每帧增加后的数字
private int finalNum;//目标数字（最终的数字）
private String preStr;
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case MONEY_TYPE://金额数字的滚动
//保留两位小数的字符串
String str = formatter.format(nowMoneyNum).toString();
// 更新显示的内容
if (useCommaFormat) {
//使用每三位数字一个逗号格式的字符串
String formatStr = addComma(str, true);
NumberRollingView.this.setText(formatStr);
} else {
NumberRollingView.this.setText(str);
}
//记录当前每帧递增后的数字
nowMoneyNum += (double) msg.obj;
if (nowMoneyNum < finalMoneyNum) {
//如果当前记录的金额数字小于目标金额数字，即还没达到目标金额数字，继续递增
Message msg2 = handler.obtainMessage();
msg2.what = MONEY_TYPE;
msg2.obj = msg.obj;
// 继续发送通知改变UI
handler.sendMessage(msg2);
} else {
//已经达到目标的金额数字，显示最终的数字
if (useCommaFormat) {
NumberRollingView.this.setText(addComma(formatter.format(finalMoneyNum), true));
} else {
NumberRollingView.this.setText(formatter.format(finalMoneyNum));
}
}
break;
case NUM_TYPE://普通数字滚动
// 更新显示的内容
if (useCommaFormat) {
//使用每三位数字一个逗号格式的字符串
String formatStr = addComma(String.valueOf(nowNum), false);
NumberRollingView.this.setText(formatStr);
} else {
NumberRollingView.this.setText(String.valueOf(nowNum));
}
//记录当前每帧递增后的数字
nowNum += (Integer) msg.obj;
if (nowNum < finalNum) {
//如果当前记录的数字小于目标数字，即还没达到目标数字，继续递增
Message msg2 = handler.obtainMessage();
msg2.what = NUM_TYPE;
msg2.obj = msg.obj;
// 继续发送通知改变UI
handler.sendMessage(msg2);
} else {
//已经达到目标的数字，显示最终的内容
if (useCommaFormat) {
NumberRollingView.this.setText(addComma(String.valueOf(finalNum), false));
} else {
NumberRollingView.this.setText(String.valueOf(finalNum));
}
}
break;
}
}
};
public NumberRollingView(Context context) {
this(context, null);
}
public NumberRollingView(Context context, AttributeSet attrs) {
this(context, attrs, android.R.attr.textViewStyle);
}
public NumberRollingView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.NumberRollingView);
frameNum = ta.getInt(R.styleable.NumberRollingView_frameNum, 30);
textType = ta.getInt(R.styleable.NumberRollingView_textType, MONEY_TYPE);
useCommaFormat = ta.getBoolean(R.styleable.NumberRollingView_useCommaFormat, true);
runWhenChange = ta.getBoolean(R.styleable.NumberRollingView_runWhenChange, true);
}
/**
* @param str 字符串只能为两位小数或者整数
* @param isDecimal 是否是小数
* @Description 格式化字符串，每三位用逗号隔开
*/
public static String addComma(String str, boolean isDecimal) {
//先将字符串颠倒顺序
str = new StringBuilder(str).reverse().toString();
if (str.equals("0")) {
return str;
}
String str2 = "";
for (int i = 0; i < str.length(); i++) {
if (i * 3 + 3 > str.length()) {
str2 += str.substring(i * 3, str.length());
break;
}
str2 += str.substring(i * 3, i * 3 + 3) + ",";
}
if (str2.endsWith(",")) {
str2 = str2.substring(0, str2.length() - 1);
}
//最后再将顺序反转过来
String temp = new StringBuilder(str2).reverse().toString();
if (isDecimal) {
//去掉最后的","
return temp.substring(0, temp.lastIndexOf(",")) + temp.substring(temp.lastIndexOf(",") + 1, temp.length());
} else {
return temp;
}
}
/**
* @Description 帧数
*/
public void setFrameNum(int frameNum) {
this.frameNum = frameNum;
}
/**
* @Description 内容的格式
*/
public void setTextType(int textType) {
this.textType = textType;
}
/**
* @Description 是否设置每三位数字一个逗号
*/
public void setUseCommaFormat(boolean useCommaFormat) {
this.useCommaFormat = useCommaFormat;
}
/**
* @Description 是否当内容改变的时候使用动画，反之则不使用动画
*/
public void setRunWhenChange(boolean runWhenChange) {
this.runWhenChange = runWhenChange;
}
/**
* @Description 设置需要滚动的金钱(必须为正数)或整数(必须为正数)的字符串
*/
public void setContent(String str) {
//如果是当内容改变的时候才执行滚动动画,判断内容是否有变化
if (runWhenChange) {
if (TextUtils.isEmpty(preStr)) {
//如果上一次的str为空
preStr = str;
useAnimByType(str);
return;
}
//如果上一次的str不为空,判断两次内容是否一致
if (preStr.equals(str)) {
//如果两次内容一致，则不做处理
return;
}
//如果两次内容不一致，记录最新的str
preStr = str;
}
useAnimByType(str);
}
private void useAnimByType(String str) {
if (textType == MONEY_TYPE) {
startMoneyAnim(str);
} else {
startNumAnim(str);
}
}
/**
* @Description 开始金额数字动画的方法
*/
public void startMoneyAnim(String moneyStr) {
// 如果传入的数字已经格式化了，则将包含的符号去除
String money = moneyStr.replace(",", "").replace("-", "");
try {
finalMoneyNum = Double.parseDouble(money);
if (finalMoneyNum == 0) {
// 如果传入的数字为0则直接使用setText()进行显示
NumberRollingView.this.setText(moneyStr);
return;
}
nowMoneyNum = 0;
threadPool.execute(new Runnable() {
@Override
public void run() {
Message msg = handler.obtainMessage();
// 将传入的数字除以帧数，得到每帧间隔的大小
double size = finalMoneyNum / frameNum;
msg.what = MONEY_TYPE;
// 如果每帧的间隔小于0.01，则设置间隔为0.01
msg.obj = size < 0.01 ? 0.01 : size;
// 发送消息改变UI
handler.sendMessage(msg);
}
});
} catch (NumberFormatException e) {
e.printStackTrace();
//如果转换Double失败则直接用setText()
NumberRollingView.this.setText(moneyStr);
}
}
/**
* @Description 开始数字动画的方法
*/
public void startNumAnim(String numStr) {
// 如果传入的数字已经格式化了，则将包含的符号去除
String num = numStr.replace(",", "").replace("-", "");
try {
finalNum = Integer.parseInt(num);
if (finalNum < frameNum) {
// 如果传入的数字比帧数小，则直接使用setText()
NumberRollingView.this.setText(numStr);
return;
}
// 默认从0开始动画
nowNum = 0;
threadPool.execute(new Runnable() {
@Override
public void run() {
Message msg = handler.obtainMessage();
// 将传入的数字除以帧数，得到每帧间隔的大小
int temp = finalNum / frameNum;
msg.what = NUM_TYPE;
msg.obj = temp;
// 发送消息改变UI
handler.sendMessage(msg);
}
});
} catch (NumberFormatException e) {
e.printStackTrace();
//如果转换Integer失败则直接用setText
NumberRollingView.this.setText(numStr);
}
}}
资源文件：attr.xml
<declare-styleable name="NumberRollingView">
<!--帧数-->
<attr name="frameNum" format="integer"/>
<!--内容的格式-->
<attr name="textType">
<enum name="money" value="0"/>
<enum name="num" value="1"/>
</attr>
<!--是否设置每三位数字一个逗号-->
<attr name="useCommaFormat" format="boolean"/>
<!--是否当内容改变的时候使用动画，反之则不使用动画-->
<attr name="runWhenChange" format="boolean"/>
</declare-styleable>
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
