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

2024-12-14 09:13:53

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

二：实例源码分析

①：首先定义接口

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开发之背景动画简单实现方法
Android开发简单实现摇动动画的方法
Android实现过渡动画、引导页 Android判断是否第一次启动App
Android动画入门教程之kotlin
Android仿硬币转动微信红包动画效果
Android仿打开微信红包动画效果实现代码
Android自定义viewGroup实现点击动画效果
Android自定义带加载动画效果的环状进度条
通过FancyView提供 Android 酷炫的开屏动画实例代码
Android动画实现原理和代码

Android开发简单实现摇动动画的方法

本文实例讲述了Android开发简单实现摇动动画的方法.分享给大家供大家参考,具体如下: 1.先创建shake.xml <?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="700" android:fromXD
Android自定义viewGroup实现点击动画效果

本文实例为大家分享了viewGroup实现点击动画效果展示的具体代码,供大家参考,具体内容如下 public class MyCustomView extends ViewGroup implements View.OnClickListener { private OnMenuItemClickListener mMenuItemClickListener; /** * 点击子菜单项的回调接口 */ public interface OnMenuItemClickListener { void
Android仿打开微信红包动画效果实现代码

首先看下效果: 实现原理: 准备3张不同角度的图片,通过AnimationDrawable帧动画进行播放即可代码实现: 1.编写动画xml文件: <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false&
Android开发之背景动画简单实现方法

本文实例讲述了Android开发之背景动画简单实现方法.分享给大家供大家参考,具体如下: 1.先创建动画层,有三张图片 <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@draw
通过FancyView提供 Android 酷炫的开屏动画实例代码

效果使用 compile 'site.gemus:openingstartanimation:1.0.0' //在gradle中导入项目 OpeningStartAnimation openingStartAnimation = new OpeningStartAnimation.Builder(this) .setDrawStategy(new NormalDrawStrategy()) //设置动画效果 .create(); openingStartAnimation.show(this)
Android仿硬币转动微信红包动画效果

项目需要研究了一下微信红包动画,即硬币转动的效果,原理其实就是三张不同角度的图片利用AnimationDrawable帧动画进行播放,在参考了案例之后,给自己记录一下完成的过程. 1,在XML文件中定义动画: 步骤如下: ①新建 Android 项目 ②在drawable目录中新建一个anim.xml(注意文件名小写) <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:andr
Android动画实现原理和代码

我们都知道,漂亮的用户界面是衡量一款应用"好坏"很重要的依据,因为人都是视觉动物,就好比说花容月貌总有男人为之倾倒,英俊潇洒总能博得芳心.这是一个不容置疑的事实,那么我们的应用也是如此,一个漂亮的用户交互界面能提升用户对应用的好感,提升用户体验.而动画是提升用户体验的一个重要因素,好的动画交互让人用着更舒心,那么今天的这篇文章就是介绍Android中动画实现,让我们的应用动起来. Android动画分类在Android中我们一般将动画分为两类,一类是View Animation(视图
Android实现过渡动画、引导页 Android判断是否第一次启动App

目前的App在安装后,第一次打开,都会显示两秒左右的logo,然后进入引导页.如果关闭App,再重新打开,则只会显示logo,然后直接进入主页. 最近写了这个,记录一下. 首先是过渡动画,因为它不论App是否第一次启动都会显示. 这里我使用了Handler的postDelayed()方法.把过渡动画的Activity设为默认启动的Activity.在当前Activity中,执行postDelayed()方法,把延时的时长设为两秒即可. 过渡页面如下:transition_view.xml <?x
Android动画入门教程之kotlin

前言 Google在今年的IO大会上宣布,将Android开发的官方语言更换为Kotlin,作为跟着Google玩儿Android的人,我们必须尽快了解和使用Kotlin语言. 本文将详细介绍Android动画入门之kotlin的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 属性动画简述在手机上去实现一些动画效果算是件比较炫酷的事情,因此Android系统在一开始的时候就给我们提供了两种实现动画效果的方式,逐帧动画(frame-by-frame animatio
Android自定义带加载动画效果的环状进度条

最近闲来无事,自定义了一个环状进度条,话不多说直接上代码 : public class CircleProgressView extends View{ private Paint mCirPaint; private Paint mArcPaint; private Paint mTextPaint; private float radius=200; private int textsize=60; private int progress=68; private int stokeWidt

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

您可能感兴趣的文章:

相关推荐

随机推荐