Android TextView自定义数字滚动动画
背景
在开发需求当中,当有总收益、总用户数等数字要显示时,为了更好的给用户提供展示效果,往往会想加入炫酷的数字滚动动画,使呆板平静的数字变得灵活起来,给人一种增值的直观感受。
简介
numberrollingview是一个自定义的自带数字滚动动画的textview,通过使用setcontent(string str)方法进行数字字符串设置,传入相应的金额数字字符串(如"9686.86")或者整数数字字符串(如"968"),设置的数字必须是正数。当显示页面初始化完成的过程中,就可以看到数字滚动的效果了。
效果图:
使用
1.在attr.xml中配置numberrollingview的自定义属性
<declare-styleable name="numberrollingview"> <!--帧数--> <attr name="framenum" format="integer"></attr> <!--内容的格式--> <attr name="texttype"> <enum name="money" value="0"></enum> <enum name="num" value="1"></enum> </attr> <!--是否设置每三位数字一个逗号--> <attr name="usecommaformat" format="boolean"></attr> <!--是否当内容改变的时候使用动画,反之则不使用动画--> <attr name="runwhenchange" format="boolean"></attr> </declare-styleable>
framenum:动画的帧数,默认为30帧;
texttype:内容的格式,有money(金额、两位小数)和num(整数)两种格式,默认为0(金额格式);
usecommaformat:是否设置每三位数字一个逗号,默认为true(设置逗号显示);
runwhenchange:是否当内容改变的时候使用动画,反之则不使用动画,默认为true(内容改变时使用动画);
2.在xml布局文件中引用view
<com.wiggins.digitalchange.widget.numberrollingview android:id="@+id/tv_money" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0.00" android:textcolor="@color/white" android:textsize="@dimen/font_max" android:textstyle="bold" /> <com.wiggins.digitalchange.widget.numberrollingview android:id="@+id/tv_num" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0" android:textcolor="@color/white" android:textsize="@dimen/font_max" android:textstyle="bold" app:texttype="num" />
前者是金额数字view,后者是整数数字view。
3.java文件中调用
tvmoney.setcontent("9686.86"); tvnum.setcontent("9686");
4.取消数字的自动格式化(设置每三位数字一个逗号)
默认情况下显示的数字经过了格式化处理,设置每三位数字添加一个逗号分隔,这使得数字看起来清晰明了,不会显得臃肿繁杂。如果不想将数字进行格式化处理,可以在布局文件中将usecommaformat属性设置为false,或者在代码中设置setusecommaformat(boolean usecommaformat)为false,这样显示的数字就不会是带有逗号了。
5.设置无论内容是否改变都要执行滚动动画
默认情况下numberrollingview会自动判断传入的内容是否有变化,当内容发生变化时执行数字滚动动画,内容未变时不执行数字滚动动画。如果想无论内容是否有变化都要执行滚动动画的话,可以在布局文件中将runwhenchange属性设置为false,或者在代码中设置setrunwhenchange(boolean runwhenchange)为false,这样无论内容是否有变化都会执行滚动动画。
6.设置动画帧数
默认情况下数字滚动动画帧数为30帧,如果需要修改动画帧数,可根据实际需要在在布局文件中将framenum属性设置为自己想要的帧数,或者在代码中设置setframenum(int framenum)为自己想要的帧数即可。
7.数字字符串格式化(每三位数字添加一个逗号)
/** * @param str 字符串只能为两位小数或者整数 * @param isdecimal 是否是小数 * @description 格式化字符串,每三位用逗号隔开 */ public static string addcomma(string str, boolean isdecimal) { //先将字符串颠倒顺序 str = new stringbuilder(str).reverse().tostring(); if (str.equals("0")) { return str; } string str2 = ""; for (int i = 0; i < str.length(); i++) { if (i * 3 + 3 > str.length()) { str2 += str.substring(i * 3, str.length()); break; } str2 += str.substring(i * 3, i * 3 + 3) + ","; } if (str2.endswith(",")) { str2 = str2.substring(0, str2.length() - 1); } //最后再将顺序反转过来 string temp = new stringbuilder(str2).reverse().tostring(); if (isdecimal) { //去掉最后的"," return temp.substring(0, temp.lastindexof(",")) + temp.substring(temp.lastindexof(",") + 1, temp.length()); } else { return temp; } }
8.开始金额数字动画的方法
如果传入的金额中包含格式化的字符如","或"-"符号,就将符号去除;将传入的数字进行格式转换,转换为double类型的金额格式,如果发生转换异常则直接进行显示;同时判断传入的数字大小,如果为0则直接显示,若不为0则设置每帧间隔的大小,发送message消息给handler进行内容的更新。
/** * @description 开始金额数字动画的方法 */ public void startmoneyanim(string moneystr) { // 如果传入的数字已经格式化了,则将包含的符号去除 string money = moneystr.replace(",", "").replace("-", ""); try { finalmoneynum = double.parsedouble(money); if (finalmoneynum == 0) { // 如果传入的数字为0则直接使用settext()进行显示 numberrollingview.this.settext(moneystr); return; } nowmoneynum = 0; threadpool.execute(new runnable() { @override public void run() { message msg = handler.obtainmessage(); // 将传入的数字除以帧数,得到每帧间隔的大小 double size = finalmoneynum / framenum; msg.what = money_type; // 如果每帧的间隔小于0.01,则设置间隔为0.01 msg.obj = size < 0.01 ? 0.01 : size; // 发送消息改变ui handler.sendmessage(msg); } }); } catch (numberformatexception e) { e.printstacktrace(); //如果转换double失败则直接用settext() numberrollingview.this.settext(moneystr); } }
9.开始数字动画的方法
同上述金额数字一般,先进行格式化符号去除,然后进行类型转换,将其转换为integer类型的整数格式,如果发生转换异常则直接进行显示;为了更加人性化,我们将传入的数字与帧数作了比较,如果数值小于帧数就直接显示,当然你想不管数字大小都能进行动画展示,只需将下面的帧数间隔的获取稍加改造即可;若大于等于设置的帧数则设置每帧间隔的大小,发送message消息给handler进行内容的更新。
/** * @description 开始数字动画的方法 */ public void startnumanim(string numstr) { // 如果传入的数字已经格式化了,则将包含的符号去除 string num = numstr.replace(",", "").replace("-", ""); try { finalnum = integer.parseint(num); if (finalnum < framenum) { // 如果传入的数字比帧数小,则直接使用settext() numberrollingview.this.settext(numstr); return; } // 默认从0开始动画 nownum = 0; threadpool.execute(new runnable() { @override public void run() { message msg = handler.obtainmessage(); // 将传入的数字除以帧数,得到每帧间隔的大小 int temp = finalnum / framenum; msg.what = num_type; msg.obj = temp; // 发送消息改变ui handler.sendmessage(msg); } }); } catch (numberformatexception e) { e.printstacktrace(); //如果转换integer失败则直接用settext numberrollingview.this.settext(numstr); } }
项目地址 :传送门
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。