View滑动事件冲突的解决方案
前言
上篇文章我们分析了View的事件是怎样分发的，本文我们主要说明一下View的事件冲突解决。
事件冲突是如何产生的
一般来说，滑动冲突事件一般有两种情况，父控件与子View的滑动方向一致(父：ScrollView，子：RecyclerView)，父View与子View的滑动方向不一致（父：ViewPager，子：RecyclerView），你可能会问我平常使用的时候没有出现滑动冲突啊？这是因为ViewPager和ScrollView已经对滑动冲突做了处理。
滑动冲突.png
解决滑动冲突的思路
我们知道事件是由父控件传递到子控件的，
父控件调用dispatchTouchEvent方法，该方法首先会判断子View是否允许父View拦截该事件（子View通过调用父控件的requestDisallowInterceptTouchEvent方法，默认false不拦截），如果子View不拦截则父控件调用onInterceptTouchEvent判断事件是否拦截，如果拦截则调用自身的onTouchEvent进行处理，如则分发给子View进行处理。该过程中父控件会调用dispatchTransformTouchEvent，所不同的是如果是分发给子View处理会在该方法中调用子View的dispatchTouchEvent再次进行分发，如果是父控件自己解决则会调用view的dispatchTouchEvent方法(该方法最终会调用到View的onTouchEvent方法)尝试消费事件。如果你对事件分发的流程不太清楚，可以阅读我的上一篇文章。
站在父控件的角度上处理与子控件的滑动冲突，可以重写onInterceptTouchEvent去拦截那些事件是父控件需要处理的，其余的事件则交由子控件进行处理。这就是外部拦截法。
站在子控件的角度上来说，需要父控件不能拦截子控件需要消耗的事件，这就需要主动调用父控件的requestDisallowInterceptTouchEvent方法来主动改变事件分发的流程，何时调用requestDisallowInterceptTouchEvent方法呢？，当然是分发事件给子控件的时候（dispatchTouchEvent方法），但是这里需要注意一点的是，父控件如果处理了按下事件（ACTION_DOWN），后续的事件子View都无法获取到，所以还需要重写父控件的拦截方法（onInterceptTouchEvent），不拦截按下事件。这就是内部拦截法
外部拦截法和内部拦截法的模板方法如下:
//外部拦截法
fun onInterceptTouchEvent(ev){
var intercept=false
when(ev.action){
MotionEvent.ACTION_DOWN->{
....
}
MotionEvent.ACTION_MOVE->{
if(满足拦截条件){
intercept=true
}else{
intercept=false
}
}
MotionEvent.ACTION_UP->{
......
}
}
return intercept
}
//内部拦截法
//子控件
fun dispatchTouchEvent(ev: MotionEvent): Boolean {
val x = ev.x
val y = ev.y
when (ev.actionMasked) {
//down事件
MotionEvent.ACTION_DOWN -> {
//不允许父控件拦截按下事件
parent.requestDisallowInterceptTouchEvent(true)
}
//move事件
MotionEvent.ACTION_MOVE -> {
if (判断条件) {
parent.requestDisallowInterceptTouchEvent(false)
}
}
}
mLastX = x.toInt()
mLastY = y.toInt()
return super.dispatchTouchEvent(ev)
}
//父控件
fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
//不拦截按下事件
if (ev.actionMasked == MotionEvent.ACTION_DOWN) {
return false
} else {
return true
}
}
下面以ViewPager和Recyclerview的滑动冲突来实际讲解滑动冲突。
实例说明
activity布局如下：
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.zxl.handledispatchdemo.MyViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
里面我们自定义了一个自定义的ViewPager,MyViewPager的代码如下
class MyViewPager @JvmOverloads constructor(context: Context, attributeSet: AttributeSet? = null) :
ViewPager(context, attributeSet) {
private var mLastX = 0
private var mLastY = 0
override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
//返回fasle默认不拦截，如果子View消费事件的话，就不会走ViewPager解决滑动冲突的相关代码
return false
}
}
ViewPager的Adapter相关如下：
class MyViewPagerAdapter(fm: FragmentManager) : FragmentStatePagerAdapter(fm, BEHAVIOR_SET_USER_VISIBLE_HINT) {
val list = mutableListOf<Fragment>(MyFragment(), MyFragment(), MyFragment())
override fun getCount(): Int = list.size
override fun getItem(position: Int): Fragment = list[position]
}
MainActivity代码
package com.zxl.handledispatchdemo
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.fragment.app.Fragment
import androidx.fragment.app.FragmentManager
import androidx.fragment.app.FragmentStatePagerAdapter
import androidx.viewpager.widget.ViewPager
class MainActivity : AppCompatActivity() {
private lateinit var mVp: ViewPager
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
mVp = findViewById(R.id.vp)
mVp.adapter = MyViewPagerAdapter(supportFragmentManager)
}
}
class MyViewPagerAdapter(fm: FragmentManager) : FragmentStatePagerAdapter(fm, BEHAVIOR_SET_USER_VISIBLE_HINT) {
val list = mutableListOf<Fragment>(MyFragment(), MyFragment(), MyFragment())
override fun getCount(): Int = list.size
override fun getItem(position: Int): Fragment = list[position]
}
ViewPager里面嵌套的Fragment代码及布局如下：
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.zxl.handledispatchdemo.MyRecyclerView
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />
</androidx.constraintlayout.widget.ConstraintLayout>
MyFragment代码
package com.zxl.handledispatchdemo
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.fragment.app.Fragment
import androidx.recyclerview.widget.RecyclerView
class MyFragment : Fragment() {
private lateinit var mRv: RecyclerView
private val mList = mutableListOf<String>()
override fun onCreateView(
inflater: LayoutInflater,
container: ViewGroup?,
savedInstanceState: Bundle?
): View? {
val view = inflater.inflate(R.layout.item_fragment, container, false)
mRv = view.findViewById(R.id.rv)
repeat(100) {
mList.add(it.toString())
}
mRv.adapter = MyAdapter(mList)
return view
}
}
class MyViewHolder(view: View) : RecyclerView.ViewHolder(view)
class MyAdapter(val list: List<String>) : RecyclerView.Adapter<MyViewHolder>() {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
val inflate =
LayoutInflater.from(parent.context).inflate(R.layout.item_string, parent, false)
return MyViewHolder(inflate)
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
val tv = holder.itemView.findViewById<TextView>(R.id.tv)
tv.text = list[position]
}
override fun getItemCount(): Int = list.size
}
现在应该ViewPager是无法进行左右滑动的。RecyclerView可以正常滑动
未处理滑动事件前.jpg
现在我们使用内部拦截法进行事件冲突的处理，修改MyRecyclerView的dispatchTouchEvent如下
override fun dispatchTouchEvent(ev: MotionEvent): Boolean {
val x = ev.x
val y = ev.y
when (ev.actionMasked) {
//down事件
MotionEvent.ACTION_DOWN -> {
//不允许父控件拦截按下事件
parent.requestDisallowInterceptTouchEvent(true)
}
//move事件
MotionEvent.ACTION_MOVE -> {
//横纵滑动大于纵向滑动
if (abs(x - mLastX) > abs(y - mLastY)) {
parent.requestDisallowInterceptTouchEvent(false)
}
}
}
mLastX = x.toInt()
mLastY = y.toInt()
return super.dispatchTouchEvent(ev)
}
MyViewPager的onInterceptTouchEvent修改如下
override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
//如果是按下事件则不拦截事件，否则拦截事件
return if (ev.actionMasked == MotionEvent.ACTION_DOWN) {
false
} else {
true
}
}
做出如上修改后还是无法实现ViewPager的滑动，这是因为ViewPager重写了ViewGroup的onInterceptTouchEvent。
public boolean onInterceptTouchEvent(MotionEvent ev) {
........
switch (action) {
case MotionEvent.ACTION_MOVE: {
.......
break;
}
case MotionEvent.ACTION_DOWN: {
......
//初始化成员mActivePointerId
mActivePointerId = ev.getPointerId(0);
......
break;
}
case MotionEvent.ACTION_POINTER_UP:
......
break;
}
....
return mIsBeingDragged;
}
在按下时会初始化成员mActivePointerId，而ViewPager的onTouchEvent方法中，会对这个值进行判断，日过该值为null，则默认该事件被子View消费了，从而影响到ViewPager的横向滑动。
public boolean onTouchEvent(MotionEvent ev) {
switch (action & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN: {
//由于我们在onInterceptTouchEvent对MotionEvent.ACTION_DOWN，进行了处理
//将按下事件分发给了子View，此时在ViewPager的onTouchEvent不会执行到该代码块
mActivePointerId = ev.getPointerId(0);
break;
}
case MotionEvent.ACTION_MOVE:
//由于mActivePointerId在此时是默认值，调用findPointerIndex会返回-1，而返回-1导致跳出了switch，无法执行后面的滚动逻辑
final int pointerIndex = ev.findPointerIndex(mActivePointerId);
if (pointerIndex == -1) {
// A child has consumed some touch events and put us into an inconsistent
// state.
needsInvalidate = resetTouch();
break;
}
...........
break;
case MotionEvent.ACTION_UP:
...........
break;
case MotionEvent.ACTION_CANCEL:
.........
break;
case MotionEvent.ACTION_POINTER_DOWN: {
........
break;
}
case MotionEvent.ACTION_POINTER_UP:
.......
break;
}
........
return true;
}
则就是使用内部拦截法后ViewPager无法滑动的原因，那么如何解决呢？答案是在自定义ViewPager的onInterceptTouchEvent中的按下事件调用父类的onInterceptTouchEvent方法。代码如下
override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
//如果是按下事件则不拦截事件，否则拦截事件
return if (ev.actionMasked == MotionEvent.ACTION_DOWN) {
//调用父类的onInterceptTouchEvent，确保mActivePointerId被初始化
super.onInterceptTouchEvent(ev)
false
} else {
true
}
}
现在ViewPager可以正常滑动了
可以看出当控件重写了ViewGroup的onInterceptTouchEvent方法后，我们再次重写onInterceptTouchEvent时要关注事件分发对他的影响，直到实现自己需要的效果为止。
运行效果如下：
内部拦截法运行效果.gif
至此，内部拦截法说明完毕。
外部拦截法
外部拦截法只需要重写父控件的onInterceptToucheEvent方法，所以MyFragment中的MyRecyclerView直接使用google原生的RecyclerView即可。修改MyViewPager的onInterceptToucheEvent如下
override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
/**
* 内部拦截法
*/
// if (ev.actionMasked == MotionEvent.ACTION_DOWN) {
// super.onInterceptTouchEvent(ev)
// return false
// } else {
// return true
// }
/**
* 外部拦截法
*/
when (ev.actionMasked) {
//记录按下时的x，y
MotionEvent.ACTION_DOWN -> {
mLastX = ev.x.toInt()
mLastY = ev.y.toInt()
}
MotionEvent.ACTION_MOVE -> {
//当纵向滑动距离大于横向滑动距离，不拦截事件，分发给子view
if (abs(ev.x - mLastX) < abs(ev.y - mLastY)) {
return false
}
}
}
//调用ViewPager的onInterceptTouchEvent方法作为返回结果，mActivePointerId 在
//ACTION_DOWN 的处理中已经被赋值
return super.onInterceptTouchEvent(ev)
}
按下时就录了按下点的x,y，在滑动时比较当前触摸点与按下点的横纵坐标距离的绝对值，如果y轴的移动距离大于X轴的移动距离，说明是纵向滑动，需要交给子View进行处理，否则说明是横向滑动，则交由ViewPager处理。
运行效果如下：
外部拦截法运行效果.gif
自此外部拦截法说明结束。
