背景
在开发需求当中,当有总收益、总用户数等数字要显示时,为了更好的给用户提供展示效果,往往会想加入炫酷的数字滚动动画,使呆板平静的数字变得灵活起来,给人一种增值的直观感受。
简介
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>