ViewPager，ScrollView 嵌套ViewPager滑动冲突解决
ViewPager，ScrollView 嵌套ViewPager滑动冲突解决
这篇博客主要讲解一下几个问题java
- 粗略地介绍一下View的事件分发机制
- 解决事件滑动冲突的思路及方法
- ScrollView 里面嵌套ViewPager致使的滑动冲突
- ViewPager里面嵌套ViewPager 致使的滑动冲突
- 轮播图的几种实现方式
文章首发地址CSDN：blog.csdn.net/gdutxiaoxu/…android
先看一下效果图
ScrollView里面嵌套ViewPager
ViewPager里面嵌套ViewPager
View的 事件分发机制
这篇博客大打算详细讲解View的事件分发机制，由于网上已经出现了一系列的好 文章，我本身的水平也有限，目前确定写得不咋的。git
先啰嗦一下，View 的事件分发机制主要涉及到一下三个 方法程序员
- dispatchTouchEvent ，这个方法主要是用来分发事件的
- onInterceptTouchEvent，这个方法主要是用来拦截事件的（须要注意的是ViewGroup才有这个方法，View没有onInterceptTouchEvent这个方法
- onTouchEvent这个方法主要是用来处理事件的
- requestDisallowInterceptTouchEvent(true)，这个方法可以影响父View是否拦截事件，true表示 不拦截事件，false表示拦截事件
下面引用图解 Android 事件分发机制这一篇博客的内容
- 仔细看的话，图分为3层，从上往下依次是Activity、ViewGroup、View
- 事件从左上角那个白色箭头开始，由Activity的dispatchTouchEvent作分发
- 箭头的上面字表明方法返回值，（return true、return false、return super.xxxxx(),super 的意思是调用父类实现。
- dispatchTouchEvent和 onTouchEvent的框里有个【true---->消费】的字，表示的意思是若是方法返回true，那么表明事件就此消费，不会继续往别的地方传了，事件终止。
- 目前全部的图的事件是针对ACTION_DOWN的，对于ACTION_MOVE和ACTION_UP咱们最后作分析。
- 以前图中的Activity 的dispatchTouchEvent 有误（图已修复），只有return super.dispatchTouchEvent(ev) 才是往下走，返回true 或者 false 事件就被消费了（终止传递）。
总结
当TouchEvent发生时，首先Activity将TouchEvent传递给最顶层的View，TouchEvent最早到达最顶层 view 的 dispatchTouchEvent ，而后由 dispatchTouchEvent 方法进行分发，github
-
若是dispatchTouchEvent返回true 消费事件，事件终结。面试
-
若是dispatchTouchEvent返回 false ，则回传给父View的onTouchEvent事件处理；bash
onTouchEvent事件返回true，事件终结，返回false，交给父View的OnTouchEvent方法处理微信
-
若是dispatchTouchEvent返回super的话，默认会调用本身的onInterceptTouchEvent方法app
默认的状况下interceptTouchEvent回调用super方法，super方法默认返回false，因此会交给子View的onDispatchTouchEvent方法处理ide
若是 interceptTouchEvent 返回 true ，也就是拦截掉了，则交给它的 onTouchEvent 来处理，
若是 interceptTouchEvent 返回 false ，那么就传递给子 view ，由子 view 的 dispatchTouchEvent 再来开始这个事件的分发。
关于更多详细分析，请查看原博客图解 Android 事件分发机制，真心推荐，写得很好。
解决事件滑动冲突的思路及方法
常见的三种状况
第一种状况，滑动方向不一样
第二种状况，滑动方向相同
第三种状况，上述两种状况的嵌套
解决思路
看了上面三种状况，咱们知道他们的共同特色是父View 和子View都想争着响应咱们的触摸事件，但遗憾的是咱们的触摸事件 同一时刻只能被某一个View或者ViewGroup拦截消费，因此就产生了滑动冲突？那既然同一时刻只能由某一个View或者ViewGroup消费拦截，那咱们就只须要 决定在某个时刻由这个View或者ViewGroup拦截事件，另外的 某个时刻 有另一个View或者ViewGroup拦截事件不就OK了吗？综上，正如 在 《Android开发艺术》 一书提出的，总共 有两种接觉方案
如下解决思路来自于 《Android开发艺术》 书籍
下面的两种方法针对第一种状况（滑动方向不一样），父View是上下滑动，子View是左右滑动的状况。
外部解决法
从父View着手，重写onInterceptTouchEvent方法，在父View须要拦截的时候拦截，不要的时候返回false，为代码大概 以下
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
final float x = ev.getX();
final float y = ev.getY();
final int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
mDownPosX = x;
mDownPosY = y;
break;
case MotionEvent.ACTION_MOVE:
final float deltaX = Math.abs(x - mDownPosX);
final float deltaY = Math.abs(y - mDownPosY);
// 这里是够拦截的判断依据是左右滑动，读者可根据本身的逻辑进行是否拦截
if (deltaX > deltaY) {
return false;
}
}
return super.onInterceptTouchEvent(ev);
}
复制代码
内部解决法
从子View左右，父View先不要拦截任何事件，全部的 事件传递给 子View，若是子View须要此事件就消费掉，不须要此事件的话就交给 父View处理。
实现思路 以下，重写子 View的dispatchTouchEvent方法，在Action_down 动做中经过方法 requestDisallowInterceptTouchEvent（true） 先请求 父 View不要拦截事件，这样保证 子View可以 接受到Action_move事件，再在Action_move动做中根据 本身的逻辑是否要拦截事件，不要的 话交给 父View处理
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
int x = (int) ev.getRawX();
int y = (int) ev.getRawY();
int dealtX = 0;
int dealtY = 0;
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
dealtX = 0;
dealtY = 0;
// 保证子View可以接收到Action_move事件
getParent().requestDisallowInterceptTouchEvent(true);
break;
case MotionEvent.ACTION_MOVE:
dealtX += Math.abs(x - lastX);
dealtY += Math.abs(y - lastY);
Log.i(TAG, "dealtX:=" + dealtX);
Log.i(TAG, "dealtY:=" + dealtY);
// 这里是够拦截的判断依据是左右滑动，读者可根据本身的逻辑进行是否拦截
if (dealtX >= dealtY) {
getParent().requestDisallowInterceptTouchEvent(true);
} else {
getParent().requestDisallowInterceptTouchEvent(false);
}
lastX = x;
lastY = y;
break;
case MotionEvent.ACTION_CANCEL:
break;
case MotionEvent.ACTION_UP:
break;
}
return super.dispatchTouchEvent(ev);
}
复制代码
ScrollView 里面嵌套ViewPager致使的滑动冲突
外部解决法
如上面所述，从 父ViewScrollView着手，重写 OnInterceptTouchEvent方法，在上下滑动的时候拦截事件，在左右滑动的时候不拦截事件，返回 false，这样确保子View 的dispatchTouchEvent方法会被调用，代码 以下
/**
* @ explain:这个ScrlloView不拦截水平滑动事件，
* 是用来解决 ScrollView里面嵌套ViewPager使用的
* @ author：xujun on 2016/10/25 15:28
* @ email：gdutxiaoxu@163.com
*/
public class VerticalScrollView extends ScrollView {
public VerticalScrollView(Context context) {
super(context);
}
public VerticalScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public VerticalScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@TargetApi(21)
public VerticalScrollView(Context context, AttributeSet attrs, int defStyleAttr, int
defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
private float mDownPosX = 0;
private float mDownPosY = 0;
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
final float x = ev.getX();
final float y = ev.getY();
final int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
mDownPosX = x;
mDownPosY = y;
break;
case MotionEvent.ACTION_MOVE:
final float deltaX = Math.abs(x - mDownPosX);
final float deltaY = Math.abs(y - mDownPosY);
// 这里是够拦截的判断依据是左右滑动，读者可根据本身的逻辑进行是否拦截
if (deltaX > deltaY) {
return false;
}
}
return super.onInterceptTouchEvent(ev);
}
}
复制代码
内部解决法
如上面上述，经过requestDisallowInterceptTouchEvent(true)方法来影响父View是否拦截事件，咱们经过重写ViewPager的 dispatchTouchEvent（）方法，在左右滑动的时候请求父View ScrollView不要拦截事件，其余的时候拦截事件
/** * @ explain:这个 ViewPager是用来解决ScrollView里面嵌套ViewPager的 内部解决法的 * @ author：xujun on 2016/10/25 16:38 * @ email：gdutxiaoxu@163.com */
public class MyViewPager extends ViewPager {
private static final String TAG = "xujun";
int lastX = -1;
int lastY = -1;
public MyViewPager(Context context) {
super(context);
}
public MyViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
int x = (int) ev.getRawX();
int y = (int) ev.getRawY();
int dealtX = 0;
int dealtY = 0;
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
dealtX = 0;
dealtY = 0;
// 保证子View可以接收到Action_move事件
getParent().requestDisallowInterceptTouchEvent(true);
break;
case MotionEvent.ACTION_MOVE:
dealtX += Math.abs(x - lastX);
dealtY += Math.abs(y - lastY);
Log.i(TAG, "dealtX:=" + dealtX);
Log.i(TAG, "dealtY:=" + dealtY);
// 这里是够拦截的判断依据是左右滑动，读者可根据本身的逻辑进行是否拦截
if (dealtX >= dealtY) {
getParent().requestDisallowInterceptTouchEvent(true);
} else {
getParent().requestDisallowInterceptTouchEvent(false);
}
lastX = x;
lastY = y;
break;
case MotionEvent.ACTION_CANCEL:
break;
case MotionEvent.ACTION_UP:
break;
}
return super.dispatchTouchEvent(ev);
}
}
复制代码
注意事项（坑）
当咱们ScrollView的最上层的Layout里面多多个孩子的时候，当下面一个孩子是RecyclerView或者ListView的时候，每每会活动滑动到ListView或者RecyclerView 的第一个item，致使进入界面的时候会致使RecyclerView 上面的 View被滑动到界面意外，看不见，这时候的用户体验是比较差的
即结构以下面的时候
在Activity中的相关解决方法
因而我查找了相关的资料，在Activity中完美解决，主要要一下两种方法
第一种方法，重写Activity的onWindowFocusChanged（）方法，在里面调用mNoHorizontalScrollView.scrollTo(0,0);方法，滑动到顶部，由于onWindowFocusChanged是在全部View绘制完毕的时候才会回调的，不熟悉的话建议先回去看一下Activity的生命周期的相关介绍
private void scroll() {
mNoHorizontalScrollView.scrollTo(0,0);
}
@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if(hasFocus && first){
first=false;
scroll();
}
}
复制代码
第二种解决方法，调用RecyclerView上面的View的一下方法，让其获取焦点
view.setFocusable(true);
view.setFocusableInTouchMode(true);
view.requestFocus();
复制代码
这段代码在初始化的时候就让该界面的顶部的某一个控件得到焦点，滚动条天然就显示到顶部了。
在Fragment中的相关解决方法
一样是调用第二种方法，调用RecyclerView上面的View的一下方法，让其获取焦点
view.setFocusable(true);
view.setFocusableInTouchMode(true);
view.requestFocus();
复制代码
这段代码在初始化的时候就让该界面的顶部的某一个控件得到焦点，滚动条天然就显示到顶部了。可是给方法存在缺点，就是当咱们上面的view若是滑动到一半的时候，切换到下一个Fragment，在切换回来的时候，RecyclerView的第一个item会自动滑动到顶部。目前我尚未找到相对比较好的解决这个问题的方法，你们知道相关解决方法的话也欢迎联系我，能够加我 微信或者在留言区评论，谢谢
我的疑点
借鉴于解决Activity的方法，目前我尚未找到一个方法是在Fragemnt界面彻底绘制完毕之后回调的方法，若是你们知道怎样处理的 话，欢迎你们提出来
ViewPager里面嵌套ViewPager致使的滑动冲突
内部解决法
从子View ViewPager着手，重写 子View的 dispatchTouchEvent方法，在子 View须要拦截的时候进行拦截，不然交给父View处理，代码以下
public class ChildViewPager extends ViewPager {
private static final String TAG = "xujun";
public ChildViewPager(Context context) {
super(context);
}
public ChildViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
int curPosition;
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
getParent().requestDisallowInterceptTouchEvent(true);
break;
case MotionEvent.ACTION_MOVE:
curPosition = this.getCurrentItem();
int count = this.getAdapter().getCount();
Log.i(TAG, "curPosition:=" +curPosition);
// 当当前页面在最后一页和第0页的时候，由父亲拦截触摸事件
if (curPosition == count - 1|| curPosition==0) {
getParent().requestDisallowInterceptTouchEvent(false);
} else {//其余状况，由孩子拦截触摸事件
getParent().requestDisallowInterceptTouchEvent(true);
}
}
return super.dispatchTouchEvent(ev);
}
}
复制代码
外部解决法
这个若是要采用内部解决法来解决的话想，相对很麻烦，我提一下本身的我的思路，咱们能够先测量子View在哪一个区域，而后咱们在根据咱们按下的点是否在区域之内，若是是的话，在根据子View时候须要拦截进行处理
讨论
对于这种效果，上面是轮播图的，下面是RecyclerView或者ListView的，通常有一下几种实现方式
- 使用咱们上述提升的ScrollView里面嵌套ViewPager和RecyclerView，这种实现方式须要本身解决View滑动事件的冲突，同时还有我在上述提升的在Fragment中存在的问题
- 使用listView的addHeaderView来实现，或者是经过多种不一样的item来实现
- 使用RecyclerView添加headerView来实现，或者复用多种不一样的item来实现。关于RecyclerView如何添加headerView能够参考鸿洋大神的这一篇博客 Android 优雅的为RecyclerView添加HeaderView和FooterView
- 使用SupportLibrary中的CoordinatorLayout等控件
其布局文件以下，Activity代码见项目中的SixActivity
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
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"
android:background="@android:color/background_light"
android:fitsSystemWindows="true"
>
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="300dp"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
>
<android.support.design.widget.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_scrollFlags="scroll|snap">
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
</android.support.v4.view.ViewPager>
<TextView
android:id="@+id/tv_page"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:gravity="right"
android:text="1/10"
android:textColor="#000"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
</android.support.v7.widget.RecyclerView>
</android.support.design.widget.CoordinatorLayout>
复制代码
关于CoordinatorLayout的更多用法，能够参考个人这一篇博客使用CoordinatorLayout打造各类炫酷的效果
总结
- 当咱们滑动方向不一样的时候，采用外部解决法和内部解决法，复杂度差很少。
- 当咱们滑动的方向相同的话，建议采用内部解决法来解决，由于采用外部解决法复杂度比较高。并且有时候咱们是采用别人的开源控件，这时候去修改别人的源码可能会发生一些意想不到的bug。
题外话
- 在这篇博客的最后提升的实现轮播图+list列表的几种实现形式，刚开始是不想写的，后面由于ScrollView里面嵌套ViewPager和RecyclerView在fragment中RecyclerView抢占焦点，在某些状况下用户体验很差，才写出来的，跟这篇博客要讲解的View滑动事件冲突没有多大关系，只是给读者提供多种思路而已
- 至于CoordinatorLayout，是google IO 2015中提出来的，功能很强大，能够说是专门为了解决嵌套导滑动而产生的，极大地方便了开发者，对于初学者，能够暂时没必要掌握它，先把其余的基础学好就好
- 同时买一下广告，欢迎你们到个人github上面star或者fork，谢谢
参考文章：图解 Android 事件分发机制
文章首发地址CSDN：blog.csdn.net/gdutxiaoxu/…
源码下载地址：github.com/gdutxiaoxu/…
扫一扫，欢迎关注个人微信公众号 stormjun94（徐公码字）， 目前是一名程序员，不只分享 Android开发相关知识，同时还分享技术人成长历程，包括我的总结，职场经验，面试经验等，但愿能让你少走一点弯路。
- 1. ScrollView 嵌套ViewPager滑动冲突解决
- 2. ViewPager，ScrollView 嵌套ViewPager滑动冲突解决
- 3. ViewPager,ScrollView嵌套ViewPager滑动冲突解决
- 4. scrollview嵌套viewpager或recyclerview冲突解决
- 5. ScrollView ViewPager RecycleView 嵌套 滑动冲突 整理 解决方案
- 6. 解决ScrollView嵌套ViewPager出现的滑动冲突问题
- 7. ScrollView ViewPager嵌套致使滑动冲突解决方案
- 8. android ViewPager与ScrollView滑动冲突解决
- 9. 关于ViewPager嵌套ViewPager左右滑动冲突解决方法
- 10. ScrollView嵌套RecyclerView滑动冲突解决
- 更多相关文章...
- • SVN 解决冲突 - SVN 教程
- • ionic 滑动框 - ionic 教程
- • 算法总结-滑动窗口
- • SpringBoot中properties文件不能自动提示解决方法
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 外部其他进程嵌入到qt FindWindow获得窗口句柄 报错无法链接的外部符号 [email protected] 无法被([email protected]@[email protected]@@引用
- 2. UVa 11524 - InCircle
- 3. The Monocycle（bfs）
- 4. VEC-C滑窗
- 5. 堆排序的应用-TOPK问题
- 6. 实例演示ElasticSearch索引查询term,match,match_phase,query_string之间的区别
- 7. 数学基础知识 集合
- 8. amazeUI 复择框问题解决
- 9. 背包问题理解
- 10. 算数平均-几何平均不等式的证明,从麦克劳林到柯西
- 1. ScrollView 嵌套ViewPager滑动冲突解决
- 2. ViewPager，ScrollView 嵌套ViewPager滑动冲突解决
- 3. ViewPager,ScrollView嵌套ViewPager滑动冲突解决
- 4. scrollview嵌套viewpager或recyclerview冲突解决
- 5. ScrollView ViewPager RecycleView 嵌套 滑动冲突 整理 解决方案
- 6. 解决ScrollView嵌套ViewPager出现的滑动冲突问题
- 7. ScrollView ViewPager嵌套致使滑动冲突解决方案
- 8. android ViewPager与ScrollView滑动冲突解决
- 9. 关于ViewPager嵌套ViewPager左右滑动冲突解决方法
- 10. ScrollView嵌套RecyclerView滑动冲突解决