原文链接：

好久没写博客了，找工作找了一段时间，从天津来到我们伟大的首都，感觉还不错。好了，废话不多说，开始我们今天的主题吧。如今APP五花八门，也带来各种各样的需求。一个下拉刷新就能玩出各种花样，前两天点餐的时候，无意中看到了“百度外卖”的下拉刷新，今天的主题就是它——自定义下拉刷新动画。

我们来看看实现效果：

动画片

我们先来看一下动图：

有三种类型的动画：

帧动画（帧动画），这种类型的动画可以创建一个序列并按照指定的时间间隔逐一显示它们。

动画（属性动画），属性动画是在 .0 之后引入的，它改变对象的实际属性。

分析

我们可以看到百度外卖的下拉刷新头是一个快递员在路上骑自行车的动画，分析之后我们得到如下动图：

背景图像的平移动画

太阳自转动画

两个小轮子旋转的动画

这个很简单，接下来我们去百度外的图片资源文件里找这几张图片：（下载百度外卖apk然后直接解压）

定义下拉刷新头文件：.xml

这里注意：我们定义了两张背景图是为了实现背景平移动画效果。

接下来我们定义动画效果：

背景图片翻译效果：

实现两个xml文件，一个从100％开始，一个从0％结束，并设置属性，进行循环往复。

另一个从 0% 开始，到 -100% 结束

太阳绕其中心旋转的动画：

开始从0-360度循环旋转，旋转时间为1s，旋转中心距离视图左侧定点上边缘50%距离即正中心。

以下是具体属性：

：起始角度（度）

：结束角度，负数表示逆时针，正数表示顺时针。例如，如果有10个圆，那么它应该比以下值大3600：

：旋转中心的X坐标

浮点数或百分比。浮点数表示相对于左边缘，如5；百分比表示相对于左边缘，如5%；其他百分比表示相对于父容器左边缘，如5%p；一般设置为50%表示在中心

：旋转中心的Y坐标

浮点数或百分比。浮点数表示相对于上边缘，如5；百分比表示相对于上边缘，如5%；其他百分比表示相对于父容器上边缘，如5%p；一般设置为50%表示在中心

: 表示从 : 旋转到 : 所需的时间，单位为毫秒。可用于计算速度。

：表示变化率，不代表运行速度。可以设置动画效果加速、减速、重复、反弹等插值属性。默认是开始和结束时慢，中间快。

：函数调用后等待开始运行的时间，单位是毫秒，如果是10，表示10ms后开始运行

：重复次数，默认为0，必须为int，可以为-1表示不停

：重复模式，默认为，即从头开始重新播放，也可以为，即从尾部重新播放。当大于0或者为时有效

：表示是否在壁纸上运行

：表示运行时内容在z轴上的位置，默认为。

维护内容的当前 z 顺序

top运行时百度下拉，显示在顶层

运行时显示在最底层

车轮动画也是如此，它不占用任何代码。

动画定义好​​之后我们开始定义下拉刷新列表，网上有很多下拉刷新的函数，就不赘述了，只要简单修改一下，根据刷新状态开启或关闭动画即可。

注释的很详细，我们来看看代码：

由于微信有字数限制，代码显示支持得不是很好，欢迎大家点击图片放大，或者到原作者博客学习，或者下载源码观看，谢谢支持。

OK，我们实现了自定义下拉刷新动画，其实很简单，所有下拉刷新动画都是类似实现的，源码我已上传至：

求star，如果有不合理的部分还希望大家指正，共同进步。

为了获得更好的阅读体验，请点击左下角原文按钮，一键到达原作者博客。