中国领先的IT技术网站
|
|

Android数字跳动的TextView实现

DancingNumberView是一个用于跳动显示文本中数字的控件,继承自TextView.这种控件一般用于显示金额等对用户较为敏感的数字,让UI交互更加生动。

作者:佚名来源:Android技术之家|2017-04-20 12:45

Android数字跳动的TextView实现

简介

DancingNumberView是一个用于跳动显示文本中数字的控件,继承自TextView.这种控件一般用于显示金额等对用户较为敏感的数字,让UI交互更加生动。

它具有以下几点特性:

  • 自动获取文本中的所有数字,并同时开始跳动,免去多个TextView拼接的麻烦
  • 支持数字按照自定义的格式显示,例如限定只显示小数点后两位

效果预览

导入使用

Gradle

第1步,在project的build.gradle文件中适当位置添加

  1. allprojects { 
  2.     repositories { 
  3.         ... 
  4.         maven { url "https://jitpack.io" } 
  5.     } 
  6.  

第2步,在app的build.gradle文件中适当位置添加依赖项

  1. dependencies { 
  2.        compile 'com.github.JianxunRao:DancingNumberView:V1.0.1' 
  3.  

使用方式

通过XML布局

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

通过Java代码

  1. DancingNumberView dnv = (DancingNumberView) findViewById(R.id.dnv); 
  2.    dnv.setText(text);//设置显示内容 
  3.    dnv.setDuration(duration);//设置完成跳动的持续时长(单位ms) 
  4.    dnv.setFormat(format);//设置数字的显示格式 
  5.    dnv.dance();//启动效果,开始数字跳动  

关键代码

  1. /**  
  2. * 文本中的数字开始跳动 
  3.  
  4. */ 
  5.  
  6. public void dance() { 
  7.  
  8. text = getText().toString(); 
  9.  
  10. numbers=new ArrayList<>(); 
  11.  
  12. Pattern pattern = Pattern.compile("\\d+(\\.\\d+)?"); 
  13.  
  14. Matcher matcher=pattern.matcher(text); 
  15.  
  16. while (matcher.find()){ 
  17.  
  18. numbers.add(Float.parseFloat(matcher.group())); 
  19.  
  20.  
  21. textPattern = text.replaceAll("\\d+(\\.\\d+)?",PLACEHOLDER); 
  22.  
  23. numberTemp=new float[numbers.size()]; 
  24.  
  25. ObjectAnimator objectAnimator=ObjectAnimator.ofFloat(this,"factor",0,1); 
  26.  
  27. objectAnimator.setDuration(duration); 
  28.  
  29. objectAnimator.setInterpolator(new AccelerateDecelerateInterpolator()); 
  30.  
  31. objectAnimator.start(); 
  32.  
  33.  
  34. /** 
  35.  
  36. * 获取算数因子 
  37.  
  38. * @return 算数因子 
  39.  
  40. */ 
  41.  
  42. public float getFactor() { 
  43.  
  44. return factor; 
  45.  
  46.  
  47. /** 
  48.  
  49. * 设置算数因子,为ObjectAnimator调用 
  50.  
  51. * @see ObjectAnimator 
  52.  
  53. * @param factor 算数因子 
  54.  
  55. */ 
  56.  
  57. public void setFactor(float factor) { 
  58.  
  59. String textNow=textPattern; 
  60.  
  61. this.factor = factor; 
  62.  
  63. for (int i=0;i<numberTemp.length;i++){ 
  64.  
  65. numberTemp[i]=numbers.get(i)*factor; 
  66.  
  67. textNow=textNow.replaceFirst(PLACEHOLDER,String.format(format,numberTemp[i])); 
  68.  
  69.  
  70. setText(textNow); 
  71.  
  72.  

【编辑推荐】

  1. Gradle for Android第一篇( 从Gradle和AS开始 )
  2. Android Studio jni开发入门——看我就够了!
  3. Android多线程的四种方式
  4. Android兼容性 | NDK工具集更新须知
  5. Android优化APP构建速度的17条建议
【责任编辑:枯木 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

热门职位+更多

读 书 +更多

无懈可击的Web设计

一个网站,无论视觉上多美观或者内容多丰富,如果它不能适应各种浏览情况并能面向尽可能广泛的用户群,那它就不算是真正成功的网站。本书提...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊
× IT课程全站折扣