学习的最终目标就是要学以致用，本文所分享的案例都是自己在公司实战开发过程中的真实案例，现在把它分享出来，希望对初学者有所帮助
好久没有写博客了，今天是周末，所以有时间来写一篇，前些天在工作中出现了一个关于滑动冲突的问题，我把解决它的过程记录下来，现在分享出来，以便给大家遇到了类似的问题提供参考。
关于事件分发在三年前曾经写过一个专栏，共有六篇文章，三篇理论，一篇总结，两篇实战，今天再来写一篇关于实战的文章，如果对事件分发流程不熟悉，请先阅读之前我写过的专栏《View事件分发》系列文章，然后再来看这篇文章你会轻松很多。
整个APP首页的布局架构为： BottomNavigationView +TabLayout+ViewPager+SwipeRefreshLayout+NestedScrollView+RecyclerView，
这种结构在现在的app中也是最通用的布局架构方式，打开手机随便点开一个APP几乎都是这种布局方式，不管是无人不用的微信，还是现在火爆的抖音，头条....等无一例外都是这样的布局方式，侧边栏菜单的模式好像对于国人的使用习惯并不合适，滴滴打车APP在前几年也用过侧边栏的方式，不过在后来的版本升级中也改成了大众所熟悉的底边栏菜单。
在APP首页中ViewPager有左右滑动的动作来翻页，在第一页中有个教材学习的横向RecycleView，它也有左右滑动的动作，当在RecycleView中左右滑动的时候，在它在向右滑到头的时候，此时继续向右滑动ViewPager就开始翻页了，ViewPager中已经给我们解决了滑动冲突，看起来貌似没有问题，但是细心的同学可能发现RecycleView在左右滑动的过程中有明显的卡顿，同样的功能和IOS相比较很明显没有IOS那样的丝滑流畅。
具体的问题效果如下：
006.gif
教材学习的RecycleView左右滑动的过程中会明显的感觉到不流畅，有卡顿，这是因为RecycleView在左右滑动的过程中，一部分滑动事件被ViewPager消费了，所以就出现的卡顿，那么只要事件落在教材学习的RecycleView之上就把所有的事件都交给RecycleView来处理即可解决问题，在最顶级的ViewPager可以做如下处理：
首先创建一个方法isBookTouch来判断触摸事件是否在RecycleView中
private fun isBookTouch(event: MotionEvent): Boolean {
slideViewPagerListener?.getHomeBookRecView()?.let {
val rect = Rect()
it.getHitRect(rect)
if (rect.contains(event.x.toInt(), event.y.toInt())) {
KLog.v("MYTAG", "isBookTouch true")
return true
}
}
return false
}
在isBookTouch方法中我们用到了一个getHitRect方法来判断当前触摸点是否在指定的View上，相关联的有四个方法，分别介绍如下：
1.getHitRect: 获取View可点击矩形左、上、右、下边界相对于父View的左顶点的距离（偏移量）
2.getDrawingRect: 获取View的绘制范围，即左、上、右、下边界相对于此View的左顶点的距离（偏移量），即0、0、View的宽、View的高
3.getLocalVisibleRect: 获取View在第一个可滚动的上级View（父View或祖父View或...）中的可见区域相对于此View的左顶点的距离（偏移量）
4.getGlobalVisibleRect: 获取View在第一个可滚动的上级View（父View或祖父View或...）中的可见区域相对于屏幕左顶点的距离（偏移量）
方案1:
在顶级的ViewPager中做如下处理：
override fun dispatchTouchEvent(event: MotionEvent): Boolean {
if (isBookTouch(event)) {
slideViewPagerListener?.getHomeBookRecView()?.let {
return it.dispatchTouchEvent(event)
}
}
return super.dispatchTouchEvent(event)
}
只要判断该滑动事件在在RecycleView中就全部交给RecycleView来处理
001.gif
这样左右滑动非常的流畅，但是出现了一个问题，当滑动起点在教材学习RecycleView上方，下拉出现了卡顿，起点在RecView上，终点在Recview之下，下拉无响应，此操作录屏的无法演示。
方案2：
代码优化如下：
var isBookTouch = false
override fun dispatchTouchEvent(event: MotionEvent): Boolean {
when (event.action) {
MotionEvent.ACTION_DOWN -> {
isBookTouch = isBookTouch(event)
}
else -> {
if (isBookTouch) {
slideViewPagerListener?.getHomeBookRecView()?.let {
return it.dispatchTouchEvent(event)
}
}
}
}
return super.dispatchTouchEvent(event)
}
在滑动的时候判断只要是第一个事件在教材学习的RecycleView上那么后序的事件都交给RecycleView来处理，左右滑动很流畅，但是下拉的问题依旧，起点在RecView上，终点在Recview之下，下拉无响应，此操作录屏的无法演示，这是因为事件的在RecycleView之外本应该交给SwipeRefreshView来处理的事件也交给RecycleView来处理了，显然是不合理的。
002.gif
方案3：阈值法
我们要对RecycleView处理的事件要做进一步的限制，上下滑动的时候事件交给SwipeRefreshLayout来处理，左右滑动的事件交给教材学习的RecycleView即可，代码如下：
var x1 = 0f
var isBookTouch = false
override fun dispatchTouchEvent(event: MotionEvent): Boolean {
when (event.action) {
MotionEvent.ACTION_DOWN -> {
isBookTouch = isBookTouch(event)
x1 = event.x
}
MotionEvent.ACTION_MOVE -> {
var x2 = event.x
if (isBookTouch && Math.abs(x2 - x1) > 50) {
slideViewPagerListener?.getHomeBookRecView()?.let {
return it.dispatchTouchEvent(event)
}
}
x1 = x2
}
MotionEvent.ACTION_UP -> {
isBookTouch = false
x1 = 0f
}
}
return super.dispatchTouchEvent(event)
}
事件在RecycleView之上，且是左右滑动，通过两次滑动x轴的偏移量来判断，只要offset偏移大于50即可，左右滑动流畅，上下滑动下拉也很流畅。
具体效果如下：
003.gif
下面在介绍另外一种方法也可以解决此问题：
方案4：斜率法
通过x轴滑动距离和y轴滑动距离做比较，只要x轴的offset比y轴的offset大则认为是左右滑动，代码如下：
var x1 = 0f
var y1 = 0f
var isBookTouch = false
override fun dispatchTouchEvent(event: MotionEvent): Boolean {
when (event.action) {
MotionEvent.ACTION_DOWN -> {
isBookTouch = isBookTouch(event)
x1 = event.x
y1 = event.y
}
MotionEvent.ACTION_MOVE -> {
var x2 = event.x
var y2 = event.y
val offsetX = Math.abs(x2 - x1)
val offsetY = Math.abs(y2 - y1)
if (isBookTouch && offsetX > offsetY) {
slideViewPagerListener?.getHomeBookRecView()?.let {
return it.dispatchTouchEvent(event)
}
}
x1 = x2
y1 = y2
}
MotionEvent.ACTION_UP -> {
isBookTouch = false
x1 = 0f
y1 = 0f
}
}
return super.dispatchTouchEvent(event)
}
滑动效果如下：
004.gif
左右滑动很流畅，上下滑动下拉刷新也没有问题。
当然在解决这个问题的时候，也出现了一些不该出现的错误，起初用外部拦截法在滑动时间结束的ACTION_UP事件没有给mFirstMotionEvent 变量重新初始化而导致的下拉刷新有偶尔卡死的现象，具体问题代码如下：
var x1 = 0f
var x2 = 0f
val MIN_DISTANCE = 50
var isBookClick = false
var mFirstMotionEvent : MotionEvent? = null
override fun dispatchTouchEvent(event: MotionEvent): Boolean {
//KLog.v("MYTAG", "MainActivity dispatchTouchEvent start")
if(mFirstMotionEvent == null){
KLog.v("MYTAG", "mFirstMotionEvent is Null, touch:"+event.action)
mFirstMotionEvent = event
isBookClick = isBookRect(event)
}
when (event!!.action) {
MotionEvent.ACTION_DOWN ->{
KLog.v("MYTAG", "ACTION_DOWN touch")
x1 = event!!.x
}
MotionEvent.ACTION_MOVE ->{
KLog.v("MYTAG", "ACTION_MOVE touch")
x2 = event!!.x
val deltaX: Float = x2 - x1
if (Math.abs(deltaX) > MIN_DISTANCE) {
if(isBookRect(event) && isBookClick){
mHomeFragment.getBookRecycleView()?.let {
return it.dispatchTouchEvent(event)
}
}
}
}
MotionEvent.ACTION_UP -> {
KLog.v("MYTAG", "ACTION_UP touch")
x2 = event!!.x
val deltaX: Float = x2 - x1
if (Math.abs(deltaX) > MIN_DISTANCE) {
if(isBookRect(event) && isBookClick){
mHomeFragment.getBookRecycleView()?.let {
return it.dispatchTouchEvent(event)
}
}
}
//初始化位置不对，导致下拉卡顿
mFirstMotionEvent = null
isBookClick = false
}
}
KLog.v("MYTAG", "MainActivity super.dispatchTouchEvent start")
return super.dispatchTouchEvent(event)
}
private fun isBookRect(event: MotionEvent?) : Boolean{
if (mCurrFragment is HomeFragment) {
val bookRecycleView = mHomeFragment.getBookRecycleView()
bookRecycleView?.let {
val rect = Rect()
it.getGlobalVisibleRect(rect)
if (rect.contains(event?.x!!.toInt(), event?.y!!.toInt())) {
KLog.v("MYTAG", "bookRecycleView touch")
return true
}
}
}
return false
}
具体卡顿效果如下：
005.gif
下拉的时候偶尔会出现这种卡死的现象，应该在ACTION_UP时候稍加修改即可解决问题：
MotionEvent.ACTION_UP -> {
KLog.v("MYTAG", "ACTION_UP touch")
x2 = event!!.x
val deltaX: Float = x2 - x1
//修改了初始化mFirstMotionEvent的位置
mFirstMotionEvent = null
if (Math.abs(deltaX) > MIN_DISTANCE) {
if(isBookRect(event) && isBookClick){
mHomeFragment.getBookRecycleView()?.let {
return it.dispatchTouchEvent(event)
}
}
}
}
好了，关于RecycleView+ViewPager+SwipeRefreshLayout滑动冲突我们今天就分析到这里，具体的核心算法就是：滑动事件在RecycleView上且是左右滑动，则该系列事件都交给RecycleView来处理，否则则交给系统来自行处理，左右滑动用阈值法和斜率法都可以解决问题，能用外部拦截法就尽量使用外部拦截发来解决问题，这样不但处理方便，而且执行的效率也会很高，希望这篇文章对你有所帮助。
网友评论