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;
/**
* 高仿余额宝数字动画
* Create by: chenwei.li
* Date: 2016-07-20
* time: 11:52
* Email: lichenwei.me@foxmail.com
*/
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);
}
/**
* 显示带有动画效果的数字
* @param number
* @param regex
*/
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();
}
/**
* 获取当前数字
* @return
*/
public float getNumber() {
return number;
}
/**
* 根据正则表达式,显示对应数字样式
* @param 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开发中能有所帮助,如果有疑问可以留言交流。
相关文章
Android 手机浏览器调试使用Chrome进行调试实例详解
这篇文章主要介绍了Android 手机浏览器调试使用Chrome进行调试实例详解的相关资料,这里提供了实例,需要的朋友可以参考下2016-12-12
Android 通过ViewHolder优化适配器的实现方法(必看)
下面小编就为大家带来一篇Android 通过ViewHolder优化适配器的实现方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-04-04
使用Composing builds提升Android编译速度
这篇文章主要介绍了使用Composing builds提升Android编译速度示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-06-06
Kotlin中let()with()run()apply()also()函数的使用方法与区别
在Kotlin中的源码标准库(Standard.kt)中提供了一些Kotlin扩展的内置函数可以优化kotlin的编码,今天为大家聊聊let,with,run,apply,also几个函数的用法与区别2018-03-03
解决Kotlin 类在实现多个接口,覆写多个接口中相同方法冲突的问题
这篇文章主要介绍了解决Kotlin 类在实现多个接口,覆写多个接口中相同方法冲突的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-03-03
android教程使用webview访问https的url处理sslerror示例
这篇文章主要介绍了android教程使用webview访问https的url处理sslerror示例,大家参考使用吧2014-01-01
Android开发使用Drawable绘制圆角与圆形图案功能示例
这篇文章主要介绍了Android开发使用Drawable绘制圆角与圆形图案功能,结合具体实例形式分析了Drawable绘制圆角矩形的实现步骤与使用方法,需要的朋友可以参考下2017-10-10


最新评论