Android 仿余额宝数字跳动动画效果完整代码

 更新时间:2017年11月24日 15:11:00   作者:曾淘  
这篇文章主要介绍了Android 仿余额宝数字跳动动画效果完整代码,需要的朋友可以参考下

一:想都不用想的,有图有真相,看着爽了,在看下面源码

二:实例源码分析

①:首先定义接口

package com.demo.tools.view; 
/** 
 * 数字动画自定义 
 * 
 * @author zengtao 2015年7月17日 上午11:48:27 
 * 
 */ 
public interface RiseNumberBase { 
  public void start(); 
  public RiseNumberTextView withNumber(float number); 
  public RiseNumberTextView withNumber(float number, boolean flag); 
  public RiseNumberTextView withNumber(int number); 
  public RiseNumberTextView setDuration(long duration); 
  public void setOnEnd(RiseNumberTextView.EndListener callback); 
} 

②:自定义控件

package com.demo.tools.view; 
import android.animation.ValueAnimator; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.widget.TextView; 
import com.demo.tools.Utils; 
/** 
 * 数字动画自定义 
 * 
 * @author zengtao 2015年7月17日 上午11:48:03 
 * 
 */ 
public class RiseNumberTextView extends TextView implements RiseNumberBase { 
  private static final int STOPPED = 0; 
  private static final int RUNNING = 1; 
  private int mPlayingState = STOPPED; 
  private float number; 
  private float fromNumber; 
  private long duration = 1000; 
  /** 
   * 1.int 2.float 
   */ 
  private int numberType = 2; 
  private boolean flags = true; 
  private EndListener mEndListener = null; 
  final static int[] sizeTable = { 9, 99, 999, 9999, 99999, 999999, 9999999, 99999999, 999999999, Integer.MAX_VALUE }; 
  public RiseNumberTextView(Context context) { 
    super(context); 
  } 
  public RiseNumberTextView(Context context, AttributeSet attr) { 
    super(context, attr); 
  } 
  public RiseNumberTextView(Context context, AttributeSet attr, int defStyle) { 
    super(context, attr, defStyle); 
  } 
  public interface EndListener { 
    public void onEndFinish(); 
  } 
  public boolean isRunning() { 
    return (mPlayingState == RUNNING); 
  } 
  private void runFloat() { 
    ValueAnimator valueAnimator = ValueAnimator.ofFloat(fromNumber, number); 
    valueAnimator.setDuration(duration); 
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
      @Override 
      public void onAnimationUpdate(ValueAnimator valueAnimator) { 
        if (flags) { 
          setText(Utils.format(",##0.00").format(Double.parseDouble(valueAnimator.getAnimatedValue().toString())) + ""); 
          if (valueAnimator.getAnimatedValue().toString().equalsIgnoreCase(number + "")) { 
            setText(Utils.format(",##0.00").format(Double.parseDouble(number + ""))); 
          } 
        } else { 
          setText(Utils.format("##0.00").format(Double.parseDouble(valueAnimator.getAnimatedValue().toString())) + ""); 
          if (valueAnimator.getAnimatedValue().toString().equalsIgnoreCase(number + "")) { 
            setText(Utils.format("##0.00").format(Double.parseDouble(number + ""))); 
          } 
        } 
        if (valueAnimator.getAnimatedFraction() >= 1) { 
          mPlayingState = STOPPED; 
          if (mEndListener != null) 
            mEndListener.onEndFinish(); 
        } 
      } 
    }); 
    valueAnimator.start(); 
  } 
  private void runInt() { 
    ValueAnimator valueAnimator = ValueAnimator.ofInt((int) fromNumber, (int) number); 
    valueAnimator.setDuration(duration); 
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
      @Override 
      public void onAnimationUpdate(ValueAnimator valueAnimator) { 
        setText(valueAnimator.getAnimatedValue().toString()); 
        if (valueAnimator.getAnimatedFraction() >= 1) { 
          mPlayingState = STOPPED; 
          if (mEndListener != null) 
            mEndListener.onEndFinish(); 
        } 
      } 
    }); 
    valueAnimator.start(); 
  } 
  static int sizeOfInt(int x) { 
    for (int i = 0;; i++) 
      if (x <= sizeTable[i]) 
        return i + 1; 
  } 
  @Override 
  protected void onFinishInflate() { 
    super.onFinishInflate(); 
  } 
  @Override 
  public void start() { 
    if (!isRunning()) { 
      mPlayingState = RUNNING; 
      if (numberType == 1) 
        runInt(); 
      else 
        runFloat(); 
    } 
  } 
  @Override 
  public RiseNumberTextView withNumber(float number, boolean flag) { 
    this.number = number; 
    this.flags = flag; 
    numberType = 2; 
    fromNumber = 0; 
    return this; 
  } 
  @Override 
  public RiseNumberTextView withNumber(float number) { 
    System.out.println(number); 
    this.number = number; 
    numberType = 2; 
    fromNumber = 0; 
    return this; 
  } 
  @Override 
  public RiseNumberTextView withNumber(int number) { 
    this.number = number; 
    numberType = 1; 
    fromNumber = 0; 
    return this; 
  } 
  @Override 
  public RiseNumberTextView setDuration(long duration) { 
    this.duration = duration; 
    return this; 
  } 
  @Override 
  public void setOnEnd(EndListener callback) { 
    mEndListener = callback; 
  } 
} 

③工具类的编写

package com.demo.tools; 
import java.math.RoundingMode; 
import java.text.DecimalFormat; 
/** 
 * 配置文件 
 * @author zengtao 2015年7月17日 上午11:47:44 
 * 
 */ 
public class Utils { 
  /** 
   * 格式化 
   */ 
  private static DecimalFormat dfs = null; 
  public static DecimalFormat format(String pattern) { 
    if (dfs == null) { 
      dfs = new DecimalFormat(); 
    } 
    dfs.setRoundingMode(RoundingMode.FLOOR); 
    dfs.applyPattern(pattern); 
    return dfs; 
  } 
} 

三:主界面调用

package com.demo.ui; 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.widget.Button; 
import com.demo.tools.view.RiseNumberTextView; 
/** 
 * 数字动画 
 * 
 * @author zengtao 2015年7月17日 上午11:48:54 
 * 
 */ 
public class MainActivity extends Activity { 
  private RiseNumberTextView number1, number2, number3, number4, number5; 
  private Button start; 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main_activity); 
    initView(); 
  } 
  private void initView() { 
    number1 = (RiseNumberTextView) findViewById(R.id.number1); 
    number2 = (RiseNumberTextView) findViewById(R.id.number2); 
    number3 = (RiseNumberTextView) findViewById(R.id.number3); 
    number4 = (RiseNumberTextView) findViewById(R.id.number4); 
    number5 = (RiseNumberTextView) findViewById(R.id.number5); 
    start = (Button) findViewById(R.id.start); 
    start.setOnClickListener(listener); 
  } 
  OnClickListener listener = new OnClickListener() { 
    @Override 
    public void onClick(View v) { 
      if (v == start) { 
        initData(); 
      } 
    } 
  }; 
  private void initData() { 
    number1.withNumber(12.3f).start(); 
    number2.withNumber(16.3f).start(); 
    number3.withNumber(10.3f).start(); 
    number4.withNumber(18.3f).start(); 
    number5.withNumber(17.3f).start(); 
  } 
} 

四:总结

demo下载地址:http://xiazai.jb51.net/201711/yuanma/Demo.rar

以上所述是小编给大家介绍的Android 仿余额宝数字跳动动画效果完整代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Android调试神器stetho使用详解和改造

    Android调试神器stetho使用详解和改造

    今天小编就为大家分享一篇关于Android调试神器stetho使用详解和改造,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • Android Flutter实现自由落体弹跳动画效果

    Android Flutter实现自由落体弹跳动画效果

    粒子运动是将对象按照一定物理公式进行的自定义轨迹运动,与普通动画不同的是,它没有强制性的动画开始到结束的时间概念。本文将利用Flutter实现自由落体弹跳动画效果,感兴趣的小伙伴可以学习一下
    2022-10-10
  • Android中ShapeableImageView使用实例详解(告别shape、三方库)

    Android中ShapeableImageView使用实例详解(告别shape、三方库)

    之前Google推送了文章,Android Material组件1.2.0里面就有ShapeableImageView,不用像以前再写shape,下面这篇文章主要给大家介绍了关于Android中ShapeableImageView使用的相关资料,需要的朋友可以参考下
    2022-09-09
  • Android使用AsyncTask下载图片并显示进度条功能

    Android使用AsyncTask下载图片并显示进度条功能

    这篇文章主要介绍了Android使用AsyncTask下载图片并显示进度条功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • Android 四种获取屏幕宽度的方法总结

    Android 四种获取屏幕宽度的方法总结

    这篇文章主要介绍了Android 四种获取屏幕宽度的方法总结的相关资料,这里对四种方法进行了一一介绍,需要的朋友可以参考下
    2017-01-01
  • Android实现漂亮的Gallery画廊

    Android实现漂亮的Gallery画廊

    这篇文章主要为大家详细介绍了Android实现漂亮的Gallery画廊,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • Android实现滑动标签页

    Android实现滑动标签页

    这篇文章主要为大家详细介绍了Android实现滑动标签页,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • RxJava 1升级到RxJava 2过程中踩过的一些“坑”

    RxJava 1升级到RxJava 2过程中踩过的一些“坑”

    RxJava2相比RxJava1,它的改动还是很大的,那么下面这篇文章主要给大家总结了在RxJava 1升级到RxJava 2过程中踩过的一些“坑”,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下来要一起看看吧。
    2017-05-05
  • Android 实现九宫格抽奖功能

    Android 实现九宫格抽奖功能

    这篇文章主要介绍了Android 实现九宫格抽奖功能,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下
    2021-03-03
  • Android实现简单手机震动效果

    Android实现简单手机震动效果

    这篇文章主要为大家详细介绍了Android实现手机震动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09

最新评论