自定义View之添加银行卡动画

今天给大家教大家一个动画，用自定义View就可以进行的。可能会涉及到OpenGL ES的知识。

此次主要是记录一下项目中添加银行卡的动画，先来看一下要实现的效果：

此次主要实现的是第一个动画，下面则是我的一个小思路：

星星坠落动画，观察发现，总共16颗星星，我们让15颗星星坠落，最后保留一颗星星（TextView）来显示我们的卡号，而这16颗星星如果在xml里面写16个textview，然后在分别给其做位移动画实在比较麻烦，所以我们写一个自定义的view来处理这部分动画，我们命名为StarView，让其继承LinearLayout，代码截图如下：

代码很少，也比较简单，初始化的时候添加16个textview，内容为*，然后每隔4个加一个padding，这样看起来像银行卡的格式，然后写一个开启动画的方法，主要是用一个定时器，依次对后面的15个textview执行位移动画，好了这个时候我们添加activity进行调用。

首先我们自定义了一个BandCardEditText(https://github.com/smuyyh/BankCardFormat)，继承EditText，主要是让其能按照银行卡格式显示输入效果，代码截图如下：

然后我们在activity中对这个EditText设置Listener，代码截图如下

好了，到此这个星星坠落的动画已经实现，其余动画我们会在接下来慢慢实现。

原文链接：http://www.apkbus.com/blog-822721-68656.html