自定义数字滚动动画的TextView

最新推荐文章于 2021-05-25 15:09:55 发布

原创

最新推荐文章于 2021-05-25 15:09:55 发布 · 3.1k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在Android开发中创建一个自定义的TextView，该视图带有一个数字滚动动画，适用于显示总收益、总用户数等场景。通过设置属性，可以调整动画帧数、数字格式、是否显示逗号等，提供了金额和整数两种数字格式，并提供了开始动画的方法。

背景

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

简介

NumberRollingView是一个自定义的自带数字滚动动画的TextView，通过使用setContent(String str)方法进行数字字符串设置，传入相应的金额数字字符串（如"9686.86"）或者整数数字字符串（如"968"），设置的数字必须是正数。当显示页面初始化完成的过程中，就可以看到数字滚动的效果了。

效果图：
数字滚动动画view

使用

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>

最低0.47元/天解锁文章