SwipeRefreshLayout 源码学习

下拉刷新是个十分常见的布局了,google 也有自己的下拉刷新控件 SwipeRefreshLayout。 其中对于事件的传递、拦截是重点,下面通过对源码的学习来帮助了解事件的传递以及在自定义 layout 时需要注意的情况。
首先 我们先从成员和构造函数看起


SwipeRefreshLayout 源码学习_第1张图片
构造函数

SwipeRefreshLayout 源码学习_第2张图片
构造函数

1、mTouchSlop 这是识别滑动操作的最小长度超过这个长度才判断两次滑动有距离。
2、mMediumAnimationDuration 从名字可以看出是一个中等长度的动画时间 (400 ms)
3、mDecelerateInterpolator 减速插值器
4、mCircleDiameter 圆形直径 = CIRCLE_DIAMETER * density (根据分辨率转成不同的 px)


image.png

5、mSpinnerOffsetEnd = DEFAULT_CIRCLE_TARGET*density
根据注释,DEFAULT_CIRCLE_TARGET 是一个默认的值,代表的是布局定部距离 progressView 最终停止的位置。


SwipeRefreshLayout 源码学习_第3张图片
image.png

6、mNestedScrollingParent/ChildHelper 嵌套滚动的辅助类
7、mOriginalOffsetTop = mCurrenTargetOffsetTop = - mCircleDiameter
这个位置是 负值 很明显是在屏幕之外 也就是说 刚好是 将 progress View 底部紧紧挨着 viewgroup 顶部摆放后,progressView 顶部的坐标 。

下面我们再看看都有那些比较重要的方法:

从 onTouchEvent方法入手
SwipeRefreshLayout 源码学习_第4张图片
Down 事件
SwipeRefreshLayout 源码学习_第5张图片
Move事件
SwipeRefreshLayout 源码学习_第6张图片
Up 事件

可以看到 主要有三个方法

1、startDragging()
SwipeRefreshLayout 源码学习_第7张图片
startDragging

从方法中看,可以看出 startDragging 是个对 mInitialMotionY 进行计算的方法。
首先:计算出 当前 move 事件的 y 并计算与 down 事件的 y 的差值得出 y 的变化 yDiff。
然后:计算出 mInitialMotionY 并设置 mIsBingDragged 标志位 true
最后:设置 mProgress 的初始透明度。

2、moveSpinner()

SwipeRefreshLayout 源码学习_第8张图片
SwipeRefreshLayout 源码学习_第9张图片
moveSpinner

在 onTouchEvent中 move 的分支,可以看到在使用 moveSpinner()之前,先计算了 overscrollTop=(y-mInitialMotionY)DRAG_RATE
其中 y 为当前 move 事件的 y mInitialMotionY 在 startDragging()中进行了计算 是个不变的值 = mInitialDownY+mTouchSlop
所以 overscrollTop 这个值是个随着 move 事件y 值变化而变化的值且几乎至于这个 y 有关。
originalDragPercent = overscrollTop/mTotalDragDistance ;
这个值很可能会大于1 ,也有可能为负值。
dragPercent= Math.min(1f,Math.abs(originalDragPercent));
dragPercent 将大于1以及 负值的可能全部排除; 取值范围在 0~1之间
adjustedPercent = Math.max(dragPercent-0.4,0) * 5/3;
经过计算 dragPercent 的有效值范围在 0.4~1 之间 adjustedPercent 范围在 0~5/3之间
......
以及下面一系列计算得出:
targetY = mOriginalOffsetTop + slingshotDist
dtagPercent + extraMove
看重点 !!!
setTargetOffsetTopAndBottom(targetY-mCurrentTargetOffsetTop)
这个方法是设置 progressView位置的方法,通过连续的纵向移动一定的偏移量形成移动动画效果
SwipeRefreshLayout 源码学习_第10张图片
image.png

执行偏移量移动的就是 这个
ViewCompat.offsetTopAndBottom()方法 上下移动 offset 的距离。
还有个方法是 offsetLeftAndRight()是用于左右移动的
记录最新的 mCurrentTargetOffsetTop 位置
这里的移动,是每一个大于 mTouchSlop 的移动事件都会触发,也就是手指滑动时 需要进行的跟随操作。

3、finishSpinner()
SwipeRefreshLayout 源码学习_第11张图片
finishSpinner

这个方法在 up 事件中被执行,也就是说,当我们滑动手指并离开屏幕后,会根据已经滑动的距离来判断是否需要执行刷新回调,如果滑动距离超过 mTotalDragDistance 执行回调 否则,执行回弹动画
可以看到 这里有两个动画
1、animateOffsetToStartPostition
2、startScaleDownAnimation
暂时先不看 有关缩放的动画 直接进入 animateOffsetToStartPosition


SwipeRefreshLayout 源码学习_第12张图片
image.png

可以看到是 mCircleView(progressView)执行了 mAnimatteToStartPosition 动画
SwipeRefreshLayout 源码学习_第13张图片
image.png

这个动画 是个补间动画,这个方法中获取了 插值器返回的时间值执行
moveToStart()操作


SwipeRefreshLayout 源码学习_第14张图片
image.png

看到里面执行的 setTargetOffsetTopAndBottom()方法,上面我们已经看过 这个方法是通过偏置量的设置 来移动 view
所以 回弹动画 就是通过获取动画插值器返回的差值,计算出对应的移动距离来进行 view 的偏置量移动。
这个 animation 是补间动画 实现的方式与 valueAnimator 一样不同的是 animation 为API 1 valueAnimator为 API 11

总结一下事件处理的两步:
1、在 onInterceptTouchEvent()中 通过对 listchild的判断来判定是否进行拦截,child分为拦截与不拦截两种 当 child 中包含 button 等控件时 child 会拦截事件,当 child 不拦截时,那么会根据事件分发流程,这个 down 事件会被分发到 layout 的 onTouchEvent 中,这时需要对down 事件进行拦截以保证接下来可能的 move事件被正确的传递到 layout 中。
2、在 onTouchEvent()中对事件进行处理 如 记录 downY 记录滑动距离 根据滑动设置 progressview 的位置,up 事件中对滑动距离进行判定是否进行 refresh 回调,以及是否执行回弹动画。

你可能感兴趣的:(SwipeRefreshLayout 源码学习)