Android中DrawerLayout+ViewPager滑动冲突的解决方法

 更新时间:2021年04月06日 15:08:17   作者:Hevin丶  
这篇文章主要为大家详细介绍了Android中DrawerLayout+ViewPager滑动冲突的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

DrawerLayout 是 Android 官方的侧滑菜单控件,而 ViewPager 相信大家都很熟悉了。今天这里就讲一下当在 DrawerLayout 中嵌套 ViewPager 时,要如何解决滑动冲突的问题,效果如下:

首先,让我们先来解决 DrawerLayout 和 ViewPager 的侧滑事件冲突。当 DrawerLayout 中嵌套 ViewPager 时,侧滑默认是执行 DrawerLayout 的侧滑事件,因为 Android 的事件分发是从 外层 ViewGroup 向里逐级传递到 View 的。
所以会先执行 DrawerLayout 的 onTouchEvent 方法:

@Override
public boolean onTouchEvent(MotionEvent ev) {
 mLeftDragger.processTouchEvent(ev); 
 mRightDragger.processTouchEvent(ev); 
 final int action = ev.getAction(); boolean wantTouchEvents = true; 
 switch (action & MotionEventCompat.ACTION_MASK) { 
  case MotionEvent.ACTION_DOWN: { 
   final float x = ev.getX(); 
   final float y = ev.getY(); 
   mInitialMotionX = x; 
   mInitialMotionY = y; 
   mDisallowInterceptRequested = false; 
   mChildrenCanceledTouch = false; 
   break; 
  } 
  case MotionEvent.ACTION_UP: { 
   final float x = ev.getX(); 
   final float y = ev.getY(); 
   boolean peekingOnly = true;
   final View touchedView = mLeftDragger.findTopChildUnder((int) x, (int) y); 
   if (touchedView != null && isContentView(touchedView)) { 
    final float dx = x - mInitialMotionX; 
    final float dy = y - mInitialMotionY; 
    final int slop = mLeftDragger.getTouchSlop(); 
    if (dx * dx + dy * dy < slop * slop) { 
     // Taps close a dimmed open drawer but only if it isn't locked open. 
     final View openDrawer = findOpenDrawer(); 
     if (openDrawer != null) { 
      peekingOnly = getDrawerLockMode(openDrawer) == LOCK_MODE_LOCKED_OPEN; 
     } 
    } 
    } 
   closeDrawers(peekingOnly); 
   mDisallowInterceptRequested = false; 
   break; 
  } 
  case MotionEvent.ACTION_CANCEL: { 
   closeDrawers(true); 
   mDisallowInterceptRequested = false;
   mChildrenCanceledTouch = false; break; 
  } 
 } 
 return wantTouchEvents;
}

可以看到在最后始终返回 wantTouchEvents,也就是返回 true,意味着点击事件在 DrawerLayout 就被消费掉了,无法传到 ViewPager。

所以,我们像下面这样,监听当 Drawer 打开时,将 DrawerLayout 设置为 LOCK_MODE_LOCKED_OPEN,这样在 Drawer 被打开时,就能够触发 ViewPager 的滑动事件了。

mDrawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() { 
 @Override 
 public void onDrawerSlide(View drawerView, float slideOffset) {

 }

 @Override 
 public void onDrawerOpened(View drawerView) {
 mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_OPEN);
 }

 @Override public void onDrawerClosed(View drawerView) {
 mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED); 
 }

 @Override public void onDrawerStateChanged(int newState) {

 }
});

但是,当侧边栏的 ViewPager 滑动到最后一页,再向左滑动时,我们会希望能够自然的关闭 Drawer。这就需要我们监听 ViewPager 的 PageChange 事件,当滑动到最后一页时,将 DrawerLayout 的 LockMode 设置回 LOCK_MODE_UNLOCKED。

这里,选择在 DrawerFragment(也就是定义侧边栏的 Fragment) 中定义一个接口:

/** 
* 监听侧边栏的页面选择。 
*/
public interface OnDrawerPageChangeListener { 
 void onPageSelected(boolean isLast);
}

然后让 MainActivity 实现这个接口:

@Override
public void onPageSelected(boolean isLast) { 
 if (isLast) { 
 mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED);
 } else if (mDrawerLayout.getDrawerLockMode(GravityCompat.START) == DrawerLayout.LOCK_MODE_UNLOCKED) {
 mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_OPEN); 
 }
}

再在 DrawerFragment 中 ViewPager 的 PageChange 事件中使用:

final OnDrawerPageChangeListener drawerPageChangeListener = (OnDrawerPageChangeListener) getActivity();
mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
 @Override 
 public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

 } 
 @Override 
 public void onPageSelected(int position) { 
 if (position == fragmentList.size() - 1) { 
  drawerPageChangeListener.onPageSelected(true); 
 } else { 
  drawerPageChangeListener.onPageSelected(false); 
 } 
 } 
 @Override 
 public void onPageScrollStateChanged(int state) {

 }
});

这样我们就解决了 DrawerLayout 和 ViewPager 的侧滑事件冲突问题,剩下最后一个要处理的小问题就是在点击空白区域时,也想要关闭侧边栏,这个就只需要:

// 点击除开侧边栏的区域会收起侧边栏。
mDrawerLayout.setOnTouchListener(new View.OnTouchListener() { 
 @Override 
 public boolean onTouch(View v, MotionEvent event) { 
 switch (event.getAction()) { 
  case MotionEvent.ACTION_DOWN: 
  mDrawerLayout.closeDrawers();
  break;
 } 
 return false; 
 }
});

到这里就大功告成啦!完整的代码可以参考项目:jpush/jbox: 极光宝盒,一个基于 JPush 的轻便易用的通知框架

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android中FloatingActionButton的显示与隐藏示例

    Android中FloatingActionButton的显示与隐藏示例

    本篇文章主要介绍了Android中FloatingActionButton的显示与隐藏示例,非常具有实用价值,需要的朋友可以参考下
    2017-10-10
  • Android模拟器安装APP出现INSTALL_FAILED_NO_MATCHING_ABIS错误解决方案

    Android模拟器安装APP出现INSTALL_FAILED_NO_MATCHING_ABIS错误解决方案

    这篇文章主要介绍了 Android模拟器安装APP出现INSTALL_FAILED_NO_MATCHING_ABIS错误解决方案的相关资料,需要的朋友可以参考下
    2016-12-12
  • Android获取手机配置信息具体实现代码

    Android获取手机配置信息具体实现代码

    下面为大家介绍下使用android获取手机配置信息的具体过程,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-06-06
  • Android实现将应用崩溃信息发送给开发者并重启应用的方法

    Android实现将应用崩溃信息发送给开发者并重启应用的方法

    这篇文章主要介绍了Android实现将应用崩溃信息发送给开发者并重启应用的方法,涉及Android错误处理与应用操作的相关技巧,需要的朋友可以参考下
    2016-03-03
  • 常用Android布局文件优化技巧总结

    常用Android布局文件优化技巧总结

    Android布局加载是Android应用程序的重要组成部分,布局加载是指将 XML文件中定义的视图层次结构加载到内存中,在这篇文章中,我们将深入探讨 Android 布局加载的原理,包括 Android 布局文件的结构和布局文件的常见问题等方面,需要的朋友可以参考下
    2023-07-07
  • Gradle配置教程之自定义APK名称与输出路径

    Gradle配置教程之自定义APK名称与输出路径

    Gradle是一个基于JVM的富有突破性构建工具,下面这篇文章主要给大家介绍了关于Gradle配置教程之自定义APK名称与输出路径的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-03-03
  • Android事件处理的两种方式详解

    Android事件处理的两种方式详解

    事件是一种有用来收集用户与应用程序互动数据的互动组件,如按键或触摸屏等放置事件,因为每个事件从Android框架维护事件队列先入先出(FIFO)基础上的队列。可以在程序中捕获这些事件,按要求并采取适当的动作
    2023-02-02
  • Android实现蓝牙聊天功能

    Android实现蓝牙聊天功能

    这篇文章主要为大家详细介绍了Android实现蓝牙聊天功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Android系统检测程序内存占用各种方法

    Android系统检测程序内存占用各种方法

    这篇文章主要介绍了Android系统检测程序内存占用各种方法,本文讲解了检查系统总内存、检查某个程序的各类型内存占用、检查程序状态、检查程序各部分的内存占用等内容,需要的朋友可以参考下
    2015-03-03
  • Android TimeLine 时间节点轴的实现实例代码

    Android TimeLine 时间节点轴的实现实例代码

    本篇文章主要介绍了Android TimeLine 时间节点轴的实现实例代码,这里整理了详细的代码,有需要的小伙伴可以参考下。
    2017-03-03

最新评论