Android实现数字跳动效果的TextView方法示例

前言

本文介绍的是Android如何实现数字跳动效果的TextView,主要运用了DancingNumberView,DancingNumberView是一个用于跳动显示文本中数字的控件,继承自TextView,这种控件一般用于显示金额等对用户较为敏感的数字,让UI交互更加生动。

它具有以下几点特性:

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

效果图如下

导入使用

Gradle

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

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

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

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);//设置显示内容
 dnv.setDuration(duration);//设置完成跳动的持续时长(单位ms)
 dnv.setFormat(format);//设置数字的显示格式
 dnv.dance();//启动效果,开始数字跳动 

关键代码

/**
* 文本中的数字开始跳动 

*/ 

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(); 

} 

/** 

* 获取算数因子 

* @return 算数因子 

*/ 

public float getFactor() { 

return factor; 

} 

/** 

* 设置算数因子,为ObjectAnimator调用 

* @see ObjectAnimator 

* @param factor 算数因子 

*/ 

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); 

} 

总结

以上就是这篇文章的全部内容了,希望本文的内容对各位Android开发者们能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对我们的支持。

时间: 2017-04-20

Android 中TextView的使用imageview被压缩问题解决办法

Android 中TextView的使用imageview被压缩问题解决办法 看下运行效果图: 今天解bug的时候遇到一个奇怪的问题:listview的item由一个textview和一个imageview组成,父布局是线性水平排列.我的本意是imageview显示相同的图片,textview显示文本,但是运行程序后发现,当某个textview的文本较多时,imageview会被压缩,刚开始没注意,检查代码了好久. 代码示例如下: <!--文本少的item--> <LinearLayou

Android中TextView文本高亮和点击行为的封装方法

前言 相信大家应该都有所体会,对于一个社交性质的App,业务上少不了给一段文本加上@功能.话题功能,或者是评论上要高亮人名的需求.当然,Android为我们提供了ClickableSpan,用于解决TextView部分内容可点击的问题,但却附加了一堆的坑点: ClickableSpan 默认没有高亮行为,也不能添加背景颜色: ClickableSpan 必须配合 MovementMethod 使用 一旦使用 MovementMethod,TextView 必定消耗事件 当点击ClickableS

Android自定义竖排TextView实现实例

Android自定义竖排TextView实现实例 前言: 之前做联系人模块的时候遇到一个左侧索引控件,里面的字符都是竖直方向上排列的.当时这个控件是用一个图片代替的.现在想来如果索引的字符变更了,那么就得重新更换图片了,感觉很麻烦.今天通过一个自定义TextView实现类似的功能.先上效果图: 汉字和英文字符都可以竖直排列.结合联系人界面,可以将左侧的索引改成联系人的姓氏. 上代码: 测试用的Activity. public class MainActivity extends Activity

Android使用TextView跑马灯效果

老规矩,先上图看效果. 说明 TextView的跑马灯效果也就是指当你只想让TextView单行显示,可是文本内容却又超过一行时,自动从左往右慢慢滑动显示的效果就叫跑马灯效果. 其实,TextView实现跑马灯效果很简单,因为官方已经实现了,你只需要通过设置几个属性即可.而且,相关的资料其实网上也有一大堆了,之所以还写这篇博客出来是因为,网上好多人的博客都是只贴代码的啊,好一点的就是附带几张图片,可是这是动画效果啊,不动起来,谁知道跑马灯效果到底长什么样,到底是不是自己想要的效果啊(不会只有题主

Android 开发中根据搜索内容实现TextView中的文字部分加粗

实现方式没有引入任何依赖,轻量级实现需求效果 最近遇到一个需求,需要做一个搜索功能.搜索的内容需要加粗显示. 完成了这个功能后,写下此博客,记录一下实现过程 效果图 首先自定义一个StyleSpan,在StyleSpan里做加粗的等匹配状态的设置 @SuppressLint("ParcelCreator") public class SearchStyleSpan extends StyleSpan { public SearchStyleSpan(int style) { super

Android仿淘宝头条基于TextView实现上下滚动通知效果

最近有个项目需要实现通知栏的上下滚动效果,仿淘宝头条的那种. 我从网上看了一些代码,把完整的效果做了出来.如图所示: 具体代码片段如下: 1.在res文件夹下新建anmin文件夹,在这个文件夹里创建两个文件 (1).anim_marquee_in.xml进入时动画 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/ap

Android TextView自定义数字滚动动画

背景 在开发需求当中,当有总收益.总用户数等数字要显示时,为了更好的给用户提供展示效果,往往会想加入炫酷的数字滚动动画,使呆板平静的数字变得灵活起来,给人一种增值的直观感受. 简介 NumberRollingView是一个自定义的自带数字滚动动画的TextView,通过使用setContent(String str)方法进行数字字符串设置,传入相应的金额数字字符串(如"9686.86")或者整数数字字符串(如"968"),设置的数字必须是正数.当显示页面初始化完成的

Android textview 实现长按自由选择复制功能的方法

这里有一个大坑,我的viewGroup中有一个这个属性android:descendantFocusability="blocksDescendants" 开始没有注意到,试了好多方法都不行,后来才看到这个属性,顺便科普一下,这个属性有三个值~ beforeDescendants:viewgroup会优先其子类控件而获取到焦点 afterDescendants:viewgroup只有当其子类控件不需要获取焦点时才获取焦点 blocksDescendants:viewgroup会覆盖子类

android:TextView简单设置文本样式和超链接的方法

本文实例讲述了android:TextView简单设置文本样式和超链接的方法.分享给大家供大家参考,具体如下: 设置TextView中文本的样式(如:颜色.斜体等),可以针对不同位置的文本设置不同的样式(如:将索引范围在1-3的字符设置为黑色,2-6的字符设置为粗体等) myFirstTextView = (TextView)findViewById(R.id.myFirstTextView); myFirstTextView.setText("这是我的第一个TextView,嘿嘿"

Android TextView 去掉自适应默认的fontpadding的实现方法

Android TextView 去掉自适应默认的fontpadding的实现方法 最近在项目中使用textview时发现在使用Android:layout_height="wrap_content"这个属性设置后,textview会有默认的padding,也就是fontpadding.这样就会造成textview和其他view中间的间距会比自己的设置的大.那么我们怎么来remove掉这个间距呢?  第一.先试试设置includefontpadding=false ,如果不能达到目的的

浅析Android TextView常用属性

[说明] TextView是用来显示文本的组件.以下介绍的是XML代码中的属性,在java代码中同样可通过 "组件名.setXXX()方法设置.如,tv.setTextColor(); [属性一] android:textColor="#000" 表示文字的颜色. [提示]颜色可以随便写一个"#000"形式的属性值,再通过点击左边显示行号旁边的颜色显示方块,弹出来颜色选择器对颜色进行选择.当设置的颜色为系统提供的Color资源内的颜色时,如"@c

Android TextView中文字通过SpannableString设置属性用法示例

本文实例讲述了Android TextView中文字通过SpannableString设置属性的方法.分享给大家供大家参考,具体如下: 在Android中,TextView是我们最常用的用来显示文本的控件. 一般情况下,TextView中的文本都是一个样式.那么如何对于TextView中各个部分的文本来设置字体,大小,颜色,样式,以及超级链接等属性呢?下面我们通过SpannableString的具体实例操作来演示一下. //创建一个 SpannableString对象 SpannableStri

Android WebView自定义长按选择实现收藏/分享选中文本功能

效果图(1.3M) 一.前言 ** 戳这里可以去DEMO,来吧 ** 相信刚接触android不久的同志们,在面对产品提出的 : "自定义WebView页面中,长按文本的弹出选项.点击选择后,分享.转发.收藏选择文本" 这样的需求时,第一反应大部分是:这是系统行为,如果实现需要在web端实现. 但是web端实现的局限性太大,曾经也有过监听系统粘贴板,在用户点击复制的时候实现其他的逻辑,但是这样用户体验不好,所以自定义WebView中长按的弹出菜单,并在点击时返回选中文本的小控件闪亮登场

分别使用vue和Android实现长按券码复制功能

最近分别用vue和Android实现了一个券码复制功能,长按券码会在上方弹出一个拷贝的icon提示,点击icon将券码内容复制到剪贴板.现将一些经验代码分享给大家以供参考.废话不多说,先上效果图 vue实现: npm install clipboard --save <div class="coupon-count-container" @click="closePopBubble"> <ul> <li v-for="(cou

android阅读器长按选择文字功能实现代码

前言: 有时候我们需要实现长按选择文字功能,比如阅读器一般都有这个功能,有时候某个自定义控件上可能就有这种需求,如何实现呢?正好最近还算闲,想完善一下自己写的那个轻量级的txt文件阅读器(比如这个长按选择文字的功能就想加进去).于是花了两三天时间,实现了这个功能,效果还是不错的. 首先先看看效果图吧: 授人以鱼不如授人以渔,下面具体实现原理的教程. 1.实现原理 原理其实也不难,简单总结就是:绘制文字时把显示的文字的坐标记录下来(记录文字的左上右上左下右下四个点坐标),作用就是为了计算滑动范围.

Android TextView预渲染研究

Android中的TextView是整个framework中最复杂的控件之一,负责Android中显示文本的大部分工作,framwork中的许多控件也直接或者间接的继承于TextView,例如Button,EditText等.其内部实现也相当复杂,单论代码行数来说,android-22中TextView有足足9509行,另外,TextView中许多操作都非常繁重,例如setText操作,需要设置SpanWatcher,或者需要重现创建一个SpannableString,还需要根据情况重新创建Te

android TextView属性的详细介绍 分享

android:autoLink设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接.可选值(none/web /email/phone/map/all)android:autoText如果设置,将自动执行输入值的拼写纠正.此处无效果,在显示输入法并输入的时候起作用.android:bufferType指定getText()方式取得的文本类别.选项editable 类似于StringBuilder可追加字符,也就是说getText后可调用append方法设置文本内容