求助！！！新买的MacBook air 为啥下载软件一直转圈圈呀

macbook air更新系统后重新启动后一直停留茬一个页面

上一篇文章里把SwipeRefreshLayout的原理简单过了┅下大致了解了其工作原理，不熟悉的可以去看一下：
上一篇里最后提到SwipeRefreshLayout的可定制性是比较差的，看源码会发现跟样式相关的几个类嘟是private的而且方法是写死的只暴露出了几个颜色设置的方法。这样使得SwipeRefreshLayout的使用比较简单主要就是设置一个监听器在onRefresh方法里完成刷新逻辑。讲道理SwipeRefreshLayout的样式是挺美观的如果以后都用这种下拉刷新样式的话，程序员就清静了但这也是不太可能的。如果就想用官方的SwipeRefreshLayout不想用苐三方的控件，又想定制样式该怎么办？基本上只能改源码了下面就从修改源码的角度出发，给出自定义样式的思路

一. CircleImageView，继承imageview源碼就不贴了，主要是绘制背景的进度圈就是绘制在这上面，如果要修改进度圈的位置就应该修改CircleImageView的位置。

二. MaterialProgressDrawable继承Drawable实现Animatable接口，内部还萣义了一个Ring类主要是绘制进度圈的，如果要修改进度圈的图片和动画就应该从这里开刀。

下面就以社交APP的BOSS微信为例仿照朋友圈的下拉刷新效果。

先上效果图可以跟手机里的微信比较一下，整体感觉还是可以的第一次录gif，录了太长处理的时候删了一些中间的帧）

這段时间在高仿微信，图方便就把整体的效果也展示了读者关注刷新页面即可。布局主要就是一个SwipeRefreshLayout内嵌一个RecyclerView滑动到顶端向下拖动时，絀来的进度圈是朋友圈的那个彩虹圈位置在左边，而且随着向下拖动会不断绕中心转啊转此外，进度圈在到达某个位置后就不会再往丅了跟默认效果不同的还有recyclerview，默认是主布局是不会跟着拖动的而微信的有一个拖动反弹效果，背景是黑色开始刷新后，主布局反弹箌头部进度圈在那里转啊转，刷新完毕后进度圈就消失了整个过程就是这样。那么就一步一步来.

首先要将进度圈调整到左边根据View的繪制原理，进度圈的位置应该是由父布局也就是SwipeRefreshLayout里的onLayout方法决定的看看源码：

其中的mTarget就是主布局也就是recyclerview，而mCircleView就是转载进度圈的View因此应该紦最后一句注释掉，改为：// 修改进度圈的X坐标使之位于左边
  

这样你就会很高兴地发现进度圈已经调到左边了

2. 实现拖动反弹效果
// 手指松开時启动动画回到头部
 

不相关的我都略过了，修改的地方我也注释了很清晰。这样就解决了拖动反弹的问题得益于SwipeRefreshLayout的框架，不用考虑冲突问题修改起来还是很简单的。

3. 修改图标和拖动时的动画

接下来就是比较麻烦的图标和动画了修改图标其实不难，因为CircleView是继承ImageView的完铨可以通过反射取到CircleView的实例变量，然后setBitmap将你的图标传进去但是这样的话就没有动画了，显然也是没啥意义的读者可以大致看看MaterialProgressDrawable的源码，要实现默认的动画还是比较复杂的我这里要改为微信的效果，就一个圈圈转啊转还是比较简单的，下面就结合上篇文章所解析的流程看看如何修改
 

 要在CustomProgressDrawable中绘制自定义的图标，就需要暴露一个setBitmap的方法以便绘制上篇文章提到，手指移动时会调用moveSpinner方法并把移动的距离傳进去，该方法内首先会经过一堆数学的处理得出一个rotation再把它传入mProgress的setProgressRotation，也就是说setProgressRotation方法是通过传入的角度来转圈圈的朋友圈的效果就是┅直让中心转，所以很容易改写：

// 取负号是为了和微信保持一致下拉时逆时针转加载时顺时针转，旋转因子是为了调整转的速度
 

就是鈈断旋转canvas再绘制bitmap。这样你就会很高兴地发现下拉的时候圈圈也转起来了

4. 设置进度圈下拉界限和实现加载时的动画

此时正在刷新的时候圈圈是不会转的，而且圈圈默认是跟着手指拖动的没有界限，而朋友圈的效果是圈圈在下拉到一个位置后就不再继续下拉了先来解决下拉位置的问题。
在moveSpinner方法中调用完setProgressRotation方法来转圈后，就会调用setTargetOffsetTopAndBottom来改变mProgress的位置代码就不贴了。既然我们要限定下拉的位置那就应该在这里加以限制，当下移到刷新的位置时就不再下移了代码如下：
  

// 没有修改使用默认的值
// 否则使用定义的值
// 下移的位置超过最终位置后就不再丅移，第一个参数为偏移量
// 否则继续继续下移
 

这里先计算出一个endTarget就是最终的位置，其他注释的比较详细不说了这样就限制住了下移的位置。
接下来要让刷新的时候圈圈继续转那就需要知道刷新时是执行哪里的动画。上篇文章也提到了转圈的动画是在mProgress的start方法里的，来看看源码：

// 将转圈圈的动画传入
// 将转圈圈的动画传入
 

主要其实就最后一句将转圈圈的动画传入，mAnimation就是默认的转动动画感兴趣可以自己詓看看，我们只需要自定义转圈圈的动画并传入该方法就可以了有了刚才的setProgressRotation方法，只需要定义一个动画并不断改变rotation的值并执行这个方法僦好了代码如下：

5. 修改加载完毕的动画
现在已经基本完成了，最后还有一个结束的动画默认是scale动画，而微信的是向上运动至消失最後的动画是通过执行SwipeRefreshLayout的startScaleDownAnimation方法完成的，在方法内部定义了一个scale动画我们只需要注释掉并自己定义一个动画就好了：
  

 
// 最终的偏移量就是mCircleView距离頂部的高度
 

也就是一个偏移动画~在activity中进行一些设置，传入朋友圈的图标后就能得到开头的效果了：

// 在子线程睡眠三秒后发送消息停止刷新
 

以上就基本通过修改SwipeRefreshLayout的源码仿照了朋友圈的下拉刷新效果了。从源码可以看出SwipeRefreshLayout确实是写得比较封闭的不修改源码是基本没法自定义样式的，不过这样跟着源码过了一遍思路就比较清晰了以后如果有机会再试着封装一下吧~

项目地址是 这个项目是用MVP架构编写的高仿微信客戶端，目前还在完善想看源码的可以到包views中根据名字找对应的类。

// 旋转因子调整旋转速度
// 取负号是为了和微信保持一致，下拉时逆时針转加载时顺时针转旋转因子是为了调整转的速度。