天天看點

仿餘額寶的數字動畫效果

一個簡單的自定義類

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;

/**
 *  * 高仿餘額寶數字動畫
 *  
 */
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 static final String ONEREGEX = "%1$01.1f";//保留1位小數

    public CountNumberView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /***
     * 顯示帶有動畫效果的數字
     *  * @param number
     *  * @param regex
     *  
     */
    public void showNumberWithAnimation(float number, String regex, String time) {
        if (TextUtils.isEmpty(regex)) {
            //預設為整數
            this.regex = INTREGEX;
        } else {
            this.regex = regex;
        }
        if (TextUtils.isEmpty(time)) {
            duration = 0;
        } else {
            duration = 1500;
        }
        //修改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));
    }
}      
直接在布局中 當成TextView使用即可       
private CountNumberView tv_getbalance;      
tv_getbalance = (CountNumberView) findViewById(R.id.tv_getbalance);      
tv_getbalance.showNumberWithAnimation(f, CountNumberView.ONEREGEX, null);      
f為Float類型的 資料 後面為保留小數位數 效果為 支付寶數字跑動效果      

繼續閱讀