1 简介
最近在做侧滑的时候用到了SlidingMenu，在MainActivity中有个轮播图，用ViewPager实现的，结果发现ViewPager不能滑动了，ViewPager的滑动事件和SlidingMenu冲突了，然后自然想到调用Slidingmenu的addIgnoreView()方法，然而却发现并没有什么卵用，滑动事件还是冲突，于是研究了一下源码，发现是SlidingMenu的bug，然后修改后解决问题，遂著此文以记之。
2 Bug详细介绍
主界面上，如果有个ViewPager，那么侧滑菜单和ViewPager的滑动事件会冲突，也就是说向右滑动，这时候ViewPager是不翻页的，而是调出了左边的侧滑菜单。怎么办呢，一般解决办法是将调用
SlidingMenu.addIgnoreView(viewPager)但是，如果这个ViewPager嵌套在一个ViewGroup中，那么上面这个方法就是失效了，看下面demo。
3 Bug示例
layout/activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="滑动区域"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="100dp"
>
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</android.support.v4.view.ViewPager>
</LinearLayout>
</LinearLayout>侧滑菜单布局: layout/menu_left.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@android:color/holo_blue_light"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="30dp"
android:text="left menu item_1"
android:textSize="25sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="30dp"
android:text="left menu item_2"
android:textSize="25sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="30dp"
android:text="left menu item_3"
android:textSize="25sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="30dp"
android:text="left menu item_4"
android:textSize="25sp"
/>
</LinearLayout>MainActiviy.java:
public class MainActivity extends Activity {
private MyAdapter myAdapter;
private SlidingMenu menu;
private ViewPager vp;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
this.vp = (ViewPager) findViewById(R.id.vp);
this.init();
this.initMenu();
}
private void init() {
//create views
List<View> views = new ArrayList<>();
for (int i = 0; i < 3; i++) {
TextView tv = new TextView(this);
tv.setText(i + "");
switch (i) {
case 0:
tv.setBackgroundColor(Color.RED);
break;
case 1:
tv.setBackgroundColor(Color.GREEN);
break;
case 2:
tv.setBackgroundColor(Color.BLUE);
break;
}
tv.setGravity(Gravity.CENTER);
tv.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));
views.add(tv);
}
//create myadapert
this.myAdapter = new MyAdapter(this, views);
//set adapter for viewpager
vp.setAdapter(myAdapter);
}
//init slidingmenu
private void initMenu() {
menu = new SlidingMenu(this);
menu.setMode(SlidingMenu.LEFT);
menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
menu.setShadowWidthRes(R.dimen.shadow_width);
menu.setBehindOffset(200);
menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
//set the left menu view
menu.setMenu(R.layout.menu_left);
menu.addIgnoredView(vp);
}
class MyAdapter extends PagerAdapter {
Context context;
List<View> views;
public MyAdapter(Context context, List<View> views) {
this.context = context;
this.views = views;
}
@Override
public int getCount() {
return views == null ? 0 : views.size();
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(views.get(position));
return views.get(position);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(views.get(position));
}
}
}运行结果如下：
在MainActivity中已经添加了menu.addIgnoredView(vp)但是滑动viewPager左边空白区域，即下面图片的A区域，无法滑出侧滑菜单,此时A区域已经不属于viewPager了，正确的应该是可以滑出侧滑菜单的，所以这里是bug:
4 Bug原因
定位到SlidingMenu的源码中CustomViewAbove类的isInIgnoredView()方法:
private boolean isInIgnoredView(MotionEvent ev) {
Rect rect = new Rect();
for (View v : mIgnoredViews) {
v.getHitRect(rect);
Log.d(TAG, String.format("rect=(%d,%d,%d,%d)", rect.left, rect.top, rect.right, rect.bottom));
Log.d(TAG, String.format("touch(%d,%d)", (int) ev.getX(), (int) ev.getY()));
if (rect.contains((int) ev.getX(), (int) ev.getY()))
return true;
}
return false;
}添加两行打印，看看点击A区域之后，打印的日志：
从日志可以看出，明明点击的A区域在viewPager的外面，也就是说touch point的坐标应该在rect范围外面，但是打印出的日志却显示touch的点在rect内部，因此这个isInIgnoredView()返回true，导致事件被SlidingMenu拦截了，从而导致ViewPager接收不到事件，所以addIgnoreView()无效。
好了，可以明确原因是出在获取view的显示区域矩形出错，通过demo可以很明显的看出viewpager的区域不可能是从(0,0)开始的。
所以，bug出在v.getHitRect(rect)，getHitRect()获取的坐标区域是相对于父view的.即viewpager相对于它的父ViewGroup，本例中的LinearLayout的坐标，由于没有padding，margin等参数，所以是从(0,0)开始的。
MotionEvent的touch point坐标是相对于整个屏幕的，所以两者当然不匹配，也就造成touch point始终在viewPager区域内了。
5 Bug解决
找到bug出错的原因是获取view的区域错误，那么改正就简单了，将SlidingMenu的源码中CustomViewAbove类的isInIgnoredView()方法中的
v.getHitRect(rect)改为：
v.getGlobalVisibleRect(rect)getHitRect()获取的坐标是子view在父view中的坐标
getGlobalVisibleRect 获取的是view在整个屏幕的坐标
修改后的isInIgnoredView()方法如下：
private boolean isInIgnoredView(MotionEvent ev) {
Rect rect = new Rect();
for (View v : mIgnoredViews) {
//v.getHitRect(rect);
//这里稍微做了修改,v.getHitRect只能获取相对于父控件的位置，如果v嵌套在一个viewGroup中，
// 那么添加这个v到mIgnoredViews中将不会游任何效果,例如：LinearLayout嵌套一个ViewerPager,将ViewPager加入mIgnoredViews后，依然无法接受到滑动事件
//所以这里改为v.getGlobalVisibleRect，获取v在整个屏幕的坐标，而MotionEvent的坐标也是相对于整个屏幕来测量的
v.getGlobalVisibleRect(rect);
if (rect.contains((int)ev.getX(), (int)ev.getY())) return true;
}
return false;
}6 小结
这个bug我已经提到github上SlidingMenu的issue中去了,小有成就感，哈哈。附上链接：
7 bug demo下载地址
本文的bug示例已经上传了，下载地址:
8 转载请注明来自”梧桐那时雨”的博客:http://blog.csdn.net/fuchaosz/article/details/51513288
Tips
如果觉得这篇博客对你有帮助或者喜欢博主的写作风格，就给博主留个言或者顶一下呗，鼓励博主创作出更多优质博客，Thank you.