仿余额宝数字跳动效果 TextCounter

1、TextCounter 效果



 


 

2、TextCounter 说明



每次打开余额宝第一件事情就去看看有多少钱,最炫的就是看着钱在跳动相当的舒服,今天放出这个效果。

温馨提示:支持的Android版本最低的是Android 4.0.0 IceCreamSandwich ( API等级14 )

3、TextCounter 使用



例子列表:

Xml 中的使用方法

Java 中的使用方法

Xml 中的使用方法:

<com.github.premnirmal.textcounter.CounterView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="20dp"

android:textSize="30dp"

android:textColor="@color/orange"

counter:autoStart="true"

counter:startValue="100"

counter:endValue="5000"

counter:incrementValue="100"

counter:timeInterval="2"

counter:prefix="$"

counter:suffix=" moneys"

counter:type="integer | decimal | both"

/>

Java 中的使用方法:

final CounterView counterView = new CounterView(context);

counterView.setFormatter(new Formatter() {

@Override

public String format(String prefix, String suffix, float value) {

return prefix

+ NumberFormat.getNumberInstance(Locale.US).format(value)

+ suffix;

}

});

counterView.setAutoStart(false);

counterView.setStartValue(200f);

counterView.setEndValue(1000f);

counterView.setIncrement(5f); // the amount the number increments at each time interval

counterView.setTimeInterval(2); // the time interval (ms) at which the text changes

counterView.setPrefix("You have ");

counterView.setSuffix(" points!");

counterView.start(); // you can start anytime if autostart is set to false

时间: 2024-10-13 21:23:05

仿余额宝数字跳动效果 TextCounter的相关文章

Android 仿余额宝数字动画效果

看过好几篇进行数字动画处理的文章,这个是我发现的最简单也是最好理解的,特地拿出来和大家分享. 核心的代码主要是重写了 TextView这个控件,做了一些自己的处理. package com.lance.widget; import java.text.DecimalFormat; import java.util.concurrent.ExecutorService; import java.util.concurrent.Executors; import android.content.Co

仿余额宝数字渐慢跳动效果

找到一个开源Demo:https://github.com/PigRiver/NumberJumpDemo Demo里的都是整数间的跳转,想弄成带小数的跳转,很简单,只要到CATextLayer+NumberJump.m文件 里 changeNumberBySelector方法里修改成如下 float value = [(NSNumber *)[pointValues objectAtIndex:1] floatValue];就OK 仿余额宝数字渐慢跳动效果

Android 仿余额宝数字动画实现

简介 好久没有写博客了,最近公司产品刚发布了,终于有一点休闲的时间了,趁这个空闲的时间,今天给大家写一个数字动画的效果,可能在以后的时间,或许大家会用的到,值得大家收藏,直接拿过去用就好了. 一:想都不用想的,有图有真相,看着爽了,在看下面源码 二:实例源码分析 ①:首先定义接口 package com.demo.tools.view; /** * 数字动画自定义 * * @author zengtao 2015年7月17日 上午11:48:27 * */ public interface Ri

iOS 仪表式数字跳动动画-b

前几天搞了 双曲线波浪动画(http://www.jianshu.com/p/7db295fd38eb)和环形倒计时动画(http://www.jianshu.com/p/d1d16dff33c9)而且感觉效果还不错,喜欢的人还很多,于是今天打算 在搞一个"仪表式数字跳动动画". 那么什么是仪表式数字跳动动画. 直接上效果 6月-27-2016 11-28-17.gif 一, 看了效果也许就明白仪表式数字跳动动画是什么鬼了(名字是我自己取得)先梳理一下思路: 首先可以看到文字在上下滑动

仿jQuery的siblings效果的js原生代码

仿jQuery的siblings效果的js原生代码 <previousSibling> 属性返回选定节点的上一个同级节点(在相同树层级中的前一个节点). <nextSibling> 属性返回被选节点的下一个同级节点(在相同树层级中的下一个节点). 如果不存在这样的节点,则该属性返回 null.//元素节点的节点类型是 1  obj.previousSibling.nodeType ==1; reverse() 方法用于颠倒数组中元素的顺序. push() 方法可向数组的末尾添加一个

js实现的数字四舍五入效果代码实例

js实现的数字四舍五入效果代码实例:下面直接给出能够截取指定位数字符串,且具有四舍五入效果的代码: var num=3.1415926; console.log(num.toFixed(3)); toFixed()函数可以参阅javascript的Number对象的toFixed()方法一章节. 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11973 更多内容可以参阅:http://www.softwhy.com/javas

完美拖拽 &amp;&amp;仿腾讯微博效果&amp;&amp; 自定义多级右键菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

仿网易‘垃圾箱’动画效果

一说到动画,大家会说到CSS3动画,确实,本文带来一片简单的仿网易'垃圾箱'动画效果,涉及到的知识点是transform.transition transform 属性向元素应用 2D 或 3D 转换.该属性允许我们对元素进行旋转.缩放.移动或倾斜. transform: none|transform-functions; transition 属性是一个简写属性,用于设置四个过渡属性. transition: property duration timing-function delay; 首

鼠标响应文字跳动效果

前端开发whqet,csdn,王海庆,whqet,前端开发专家 昨天看到html5tricks上的一篇文章<jQuery鼠标滑过文字跳动动画插件>,止不住手痒用sass.css3实现一下,并进行了扩展,希望能对大家有所帮助. ---------- ------------------------------- 在线研究点击这里,下载收藏点击这里. ------------------------ ------ 首先来个广告,嘎嘎,前面两篇博文<纯CSS3文字效果推荐>.<CS