欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-03-07 17:20:57
实现效果图: 下面是具体代码,可直接复制: package com.lcw.rabbit.widget; import android.animation...

实现效果图:

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开发中能有所帮助,如果有疑问可以留言交流。