快捷導(dǎo)航

Android實(shí)現(xiàn)數(shù)字跳動(dòng)效果的TextView方法示例

更新時(shí)間：2017年04月23日 11:52:54 作者：Android技術(shù)之家

數(shù)字跳動(dòng)效果相信大家應(yīng)該都見過，在開發(fā)加上這種效果后會(huì)讓ui交互看起來非常不錯(cuò)，所以下面這篇文章主要給大家介紹了Android實(shí)現(xiàn)數(shù)字跳動(dòng)的TextView的相關(guān)資料，文中給出了詳細(xì)的示例代碼，需要的朋友可以參考學(xué)習(xí)，下面來一起看看吧。

前言

本文介紹的是Android如何實(shí)現(xiàn)數(shù)字跳動(dòng)效果的TextView，主要運(yùn)用了DancingNumberView，DancingNumberView是一個(gè)用于跳動(dòng)顯示文本中數(shù)字的控件，繼承自TextView，這種控件一般用于顯示金額等對(duì)用戶較為敏感的數(shù)字，讓UI交互更加生動(dòng)。

它具有以下幾點(diǎn)特性:

自動(dòng)獲取文本中的所有數(shù)字,并同時(shí)開始跳動(dòng),免去多個(gè)TextView拼接的麻煩
支持?jǐn)?shù)字按照自定義的格式顯示,例如限定只顯示小數(shù)點(diǎn)后兩位

效果圖如下

導(dǎo)入使用

Gradle

第1步,在project的build.gradle文件中適當(dāng)位置添加

allprojects { 
 repositories { 
  ... 
  maven { url "https://jitpack.io" } 
 } 
}

第2步,在app的build.gradle文件中適當(dāng)位置添加依賴項(xiàng)

dependencies { 
  compile 'com.github.JianxunRao:DancingNumberView:V1.0.1' 
}

使用方式

通過XML布局

<me.trojx.dancingnumber.DancingNumberView 
   android:id="@+id/dnv" 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content" 
   app:dnv_duration="6000" 
   app:dnv_format="%.2f"/>

通過Java代碼

DancingNumberView dnv = (DancingNumberView) findViewById(R.id.dnv); 
 dnv.setText(text);//設(shè)置顯示內(nèi)容 
 dnv.setDuration(duration);//設(shè)置完成跳動(dòng)的持續(xù)時(shí)長(單位ms) 
 dnv.setFormat(format);//設(shè)置數(shù)字的顯示格式 
 dnv.dance();//啟動(dòng)效果,開始數(shù)字跳動(dòng)

關(guān)鍵代碼

/** 
* 文本中的數(shù)字開始跳動(dòng) 
 
*/ 
 
public void dance() { 
 
text = getText().toString(); 
 
numbers=new ArrayList<>(); 
 
Pattern pattern = Pattern.compile("\\d+(\\.\\d+)?"); 
 
Matcher matcher=pattern.matcher(text); 
 
while (matcher.find()){ 
 
numbers.add(Float.parseFloat(matcher.group())); 
 
} 
 
textPattern = text.replaceAll("\\d+(\\.\\d+)?",PLACEHOLDER); 
 
numberTemp=new float[numbers.size()]; 
 
ObjectAnimator objectAnimator=ObjectAnimator.ofFloat(this,"factor",0,1); 
 
objectAnimator.setDuration(duration); 
 
objectAnimator.setInterpolator(new AccelerateDecelerateInterpolator()); 
 
objectAnimator.start(); 
 
} 
 
/** 
 
* 獲取算數(shù)因子 
 
* @return 算數(shù)因子 
 
*/ 
 
public float getFactor() { 
 
return factor; 
 
} 
 
/** 
 
* 設(shè)置算數(shù)因子,為ObjectAnimator調(diào)用 
 
* @see ObjectAnimator 
 
* @param factor 算數(shù)因子 
 
*/ 
 
public void setFactor(float factor) { 
 
String textNow=textPattern; 
 
this.factor = factor; 
 
for (int i=0;i<numberTemp.length;i++){ 
 
numberTemp[i]=numbers.get(i)*factor; 
 
textNow=textNow.replaceFirst(PLACEHOLDER,String.format(format,numberTemp[i])); 
 
} 
 
setText(textNow); 
 
}

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)各位Android開發(fā)者們能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: