Android效果之手机支付宝中增长的数字效果

本案例是使用开源组件RiseNumberTextView来实现类似手机支付宝中增长的数字效果，首先我们来看一下开源组件中的两个类分别如下：

[java]  view plain  copy

1. package com.bear.risenumbertest.lib;  
3. publicinterface RiseNumberBase {  
4. publicvoid start();  
5. public RiseNumberTextView withNumber(float number);  
6. public RiseNumberTextView withNumber(int number);  
7. public RiseNumberTextView setDuration(long duration);  
8. publicvoid setOnEnd(RiseNumberTextView.EndListener callback);  
9. }  

另一个类：

[java]  view plain  copy

1. package com.bear.risenumbertest.lib;  
3. import android.content.Context;  
4. import android.util.AttributeSet;  
5. import android.widget.TextView;  
7. import com.nineoldandroids.animation.ValueAnimator;  
9. import java.text.DecimalFormat;  
11. publicclass RiseNumberTextView extends TextView implements RiseNumberBase{  
13. privatestaticfinalint STOPPED = 0;  
15. privatestaticfinalint RUNNING = 1;  
17. privateint mPlayingState = STOPPED;  
19. privatefloat number;  
21. privatefloat fromNumber;  
23. privatelong duration=1500;  
24. /**
25.      * 1.int 2.float
26.      */
27. privateint numberType=2;  
29. private DecimalFormat   fnum;  
31. private EndListener mEndListener=null;  
33. finalstaticint[] sizeTable = { 9, 99, 999, 9999, 99999, 999999, 9999999,  
34. 99999999, 999999999, Integer.MAX_VALUE };  
36. public RiseNumberTextView(Context context){  
37. super(context);  
38.     }  
40. public RiseNumberTextView(Context context,AttributeSet attr){  
41. super(context,attr);  
42.     }  
44. public RiseNumberTextView(Context context,AttributeSet attr,int defStyle)  
45.     {  
46. super(context,attr,defStyle);  
47.     }  
49. publicinterface EndListener {  
50. publicvoid onEndFinish();  
51.     }  
53. publicboolean isRunning() {  
54. return (mPlayingState == RUNNING);  
55.     }  
57. privatevoid runFloat(){  
58.         ValueAnimator valueAnimator = ValueAnimator.ofFloat(fromNumber, number);  
59.         valueAnimator.setDuration(duration);  
61.         valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {  
62. @Override
63. publicvoid onAnimationUpdate(ValueAnimator valueAnimator) {  
65.                 setText(fnum.format(Float.parseFloat(valueAnimator.getAnimatedValue().toString())));  
66. if (valueAnimator.getAnimatedFraction()>=1){  
67.                     mPlayingState = STOPPED;  
68. if (mEndListener!=null)  
69.                     mEndListener.onEndFinish();  
70.                 }  
71.             }  
74.         });  
75.         valueAnimator.start();  
76.     }  
77. privatevoid runInt(){  
78.         ValueAnimator valueAnimator = ValueAnimator.ofInt((int)fromNumber, (int)number);  
79.         valueAnimator.setDuration(duration);  
81.         valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {  
82. @Override
83. publicvoid onAnimationUpdate(ValueAnimator valueAnimator) {  
85.                 setText(valueAnimator.getAnimatedValue().toString());  
86. if (valueAnimator.getAnimatedFraction()>=1){  
87.                     mPlayingState = STOPPED;  
88. if (mEndListener!=null)  
89.                     mEndListener.onEndFinish();  
90.                 }  
91.             }  
92.         });  
93.         valueAnimator.start();  
94.     }  
96. staticint sizeOfInt(int x) {  
97. for (int i = 0;; i++)  
98. if (x <= sizeTable[i])  
99. return i + 1;  
100.     }  
102. @Override
103. protectedvoid onFinishInflate() {  
104. super.onFinishInflate();  
105.         fnum=   new DecimalFormat("##0.00");  
106.     }  
108. @Override
109. publicvoid start() {  
111. if (!isRunning()) {  
112.             mPlayingState = RUNNING;  
113. if (numberType==1)  
114.                 runInt();  
115. else
116.                 runFloat();  
117.         }  
118.     }  
121. @Override
122. public RiseNumberTextView withNumber(float number) {  
124. this.number=number;  
125.         numberType=2;  
126. if (number>1000){  
127.             fromNumber=number-(float)Math.pow(10,sizeOfInt((int)number)-2);  
128.         }else {  
129.             fromNumber=number/2;  
130.         }  
132. returnthis;  
133.     }  
135. @Override
136. public RiseNumberTextView withNumber(int number) {  
137. this.number=number;  
138.         numberType=1;  
139. if (number>1000){  
140.             fromNumber=number-(float)Math.pow(10,sizeOfInt((int)number)-2);  
141.         }else {  
142.             fromNumber=number/2;  
143.         }  
145. returnthis;  
147.     }  
149. @Override
150. public RiseNumberTextView setDuration(long duration) {  
151. this.duration=duration;  
152. returnthis;  
153.     }  
155. @Override
156. publicvoid setOnEnd(EndListener callback) {  
157.         mEndListener=callback;  
158.     }  
161. }  

将这两个类集成到我们的工程中后，就可以使用了，下面这个是使用范例：

[java]  view plain  copy   

1. package com.bear.risenumbertest;  
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.view.Menu;  
6. import android.widget.Toast;  
8. import com.bear.risenumbertest.lib.RiseNumberTextView;  
9. import com.bear.risenumbertest.lib.RiseNumberTextView.EndListener;  
11. publicclass MainActivity extends Activity {  
13. @Override
14. protectedvoid onCreate(Bundle savedInstanceState) {  
15. super.onCreate(savedInstanceState);  
16.         setContentView(R.layout.activity_main);  
18. //获取到RiseNumberTextView对象
19.         RiseNumberTextView rnTextView = (RiseNumberTextView) findViewById(R.id.risenumber_textview);  
20. // 设置数据
21.         rnTextView.withNumber(2666.50f);  
22. // 设置动画播放时间
23.         rnTextView.setDuration(5000);  
24. // 开始播放动画
25.         rnTextView.start();  
26. // 监听动画播放结束
27.         rnTextView.setOnEnd(new EndListener() {  
29. @Override
30. publicvoid onEndFinish() {  
31.                 Toast.makeText(MainActivity.this, "数据增长完毕...",  
32.                         Toast.LENGTH_SHORT).show();  
33.             }  
34.         });  
35.     }  
37. @Override
38. publicboolean onCreateOptionsMenu(Menu menu) {  
39. // Inflate the menu; this adds items to the action bar if it is present.
40.         getMenuInflater().inflate(R.menu.main, menu);  
41. returntrue;  
42.     }  
44. }  

附上效果图：

最后附上完整的工程源码链接：

android之增长的数字动画

良心的公众号，更多精品文章，不要忘记关注哈

《Android和Java技术栈》