怎么使用侧滑菜单SlidingMenu？

最新推荐文章于 2021-06-19 13:24:33 发布

学术袁

最新推荐文章于 2021-06-19 13:24:33 发布

阅读量2.3k

点赞数 3

文章标签：侧滑菜单 SlidingMenu 侧滑菜单与Viewpager冲突 viewPager左右循环自定义侧滑菜单宽度

本文链接：https://blog.csdn.net/junhuahouse/article/details/38851689

版权

左侧滑：

右侧滑：

点击这里下载源码

在此之前，我使用网上朋友自定义的侧滑菜单。利用重写布局来控制和实现，但是到最后项目写80%的时候。突然发现跟我的功能产生了冲突。我去，这么凌乱的代码，我也搞不定。所以没办法，就在网上狂搜索，三天之后。搞定了，并成功嵌入到了我的项目中。其中的测试demo如上图！还是别带着好奇去使用那些自定义的侧滑菜单，当你项目马上要结项，你使用该侧滑菜单跟你的项目功能产生了冲突，你又不能解决，这时候你才叫一个抓狂。

所以，经久的更耐用，人家都是用，当你项目出现问题，才能快熟解决；

好了，看一下怎么使用吧！

/** SlidingMenu 常用属性介绍: */

menu.setMode（SlidingMenu.LEFT）;//设置左滑菜单 SlidingMenu.RIGHT  SlidingMenu.LEFT_RIGHT 右侧滑/左右侧滑

menu.setTouchModeAbove（SlidingMenu.TOUCHMODE_FULLSCREEN）;//设置滑动的屏幕局限，该设置为全屏区域都可以滑动

menu.setShadowDrawable（R.drawable.shadow）;//设置暗影

menu.setShadowWidthRes（R.dimen.shadow_width）;//设置暗影的宽度

menu.setBehindOffsetRes（R.dimen.slidingmenu_offset）;//SlidingMenu划出时主页面显示的残剩宽度

menu.setBehindWidth（400）;//设置SlidingMenu菜单的宽度

menu.setFadeDegree（0.35f）;//SlidingMenu滑动时的渐变程度

menu.attachToActivity（this， SlidingMenu.SLIDING_CONTENT）;//使SlidingMenu附加在Activity上

menu.setMenu（R.layout.menu_layout）;//设置menu的布局文件

menu.toggle（）;//动态断定主动封闭或开启SlidingMenu

menu.showMenu（）;//显示SlidingMenu

menu.showContent（）;//显示内容

menu.setOnOpenListener（onOpenListener）;//slidingmenu打开关于封闭menu有两个，简单的来说，对于menu close事务，一个是when，一个是after 

menu.OnClosedListener（OnClosedListener）;//slidingmenu封闭时事务

menu.OnClosedListener（OnClosedListener）;//slidingmenu封闭后事务

简单设置左方向菜单侧滑的使用方法：

public class SlidingExample extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setTitle(R.string.attach);
        // set the content view
        setContentView(R.layout.content);
        // configure the SlidingMenu
        SlidingMenu menu = new SlidingMenu(this);
        menu.setMode(SlidingMenu.LEFT);
        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
        menu.setShadowWidthRes(R.dimen.shadow_width);
        menu.setShadowDrawable(R.drawable.shadow);
        menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
        menu.setFadeDegree(0.35f);
        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
        menu.setMenu(R.layout.menu);
    }

}

如果你要设置左右菜单侧滑，看这里：

public class MainActivity extends FragmentActivity {

	public SlidingMenu mSlidingMenu;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		mSlidingMenu = new SlidingMenu(this);
		mSlidingMenu.setMode(SlidingMenu.LEFT_RIGHT);
		mSlidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
		mSlidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
		mSlidingMenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
		mSlidingMenu.setMenu(R.layout.slidemenu_primary);//左侧滑
		mSlidingMenu.setSecondaryMenu(R.layout.slidemenu_secondery);//右侧滑
		
		
		 getSupportFragmentManager().beginTransaction().
		 replace(R.id.aty_main_framLayout, new ViewPagerFragment()).commit();
		
		
		
		 getSupportFragmentManager().beginTransaction().
		 replace(R.id.framLayout_fragment, new TranslationAnimationFragment()).commit();
		
		
	}
	
	
	
	/**  重写返回键和menu键，控制菜单侧滑关闭  */
	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		// TODO Auto-generated method stub
		switch (keyCode) {
		case KeyEvent.KEYCODE_BACK:
			if(mSlidingMenu.isMenuShowing())
			mSlidingMenu.showContent();
			else finish();
			return true;
		case KeyEvent.KEYCODE_MENU:
			mSlidingMenu.showSecondaryMenu();
			return true;
		}
		
		
		
		
		return super.onKeyDown(keyCode, event);
	}


}

下面看一下如何解决侧滑跟ViewPager左右滑动的冲突：《当然，我的源码上展示了怎么使用》

mSlidingMenu.addIgnoredView(viewPager);

在你的Viewpager内容显示之前，调用上面的方法，就Ok了、

SlidingMenu.setTouchModeAbove().其中一共包含三中手势模式：
TOUCHMODE_FULLSCREEN 全屏模式，在正文布局中通过手势也可以打开SlidingMenu
TOUCHMODE_MARGIN 边缘模式，在正文布局的边缘处通过手势可以找开SlidingMenu
TOUCHMODE_NONE 自然是不能通过手势打开SlidingMenu了

当你在设置暗影时，在res/drawable/shadow.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:centerColor="#11000000"
        android:endColor="#00000000"
        android:startColor="#33000000" />

</shape>

续写：

其一：在导入工程之后，如果使用到了Actionbar，要把actionbarSherLockLibrary这个类库、SlideMenu类库以及所建立的工程，必须要使用同一个android-support-v4.jar包，(使用自己的工程中的，然后把其他的给替换掉)；否则，会报错哦！

其二：当我们导入完成侧滑的效果之后，是不是发现我们所做的侧滑菜单的左右两侧划出来的距离是一样的？答案是必须的，因为源码就是这么做的，并没有给我们写出单独设置某边侧滑——左或者右的距离。那么，这样的话，就要我们自己来设置了。自己看了看源码以及在网上看了看小伙伴们对侧滑的自定义的理解，总结到了，只需要更改几个方法和属性就能完成该功能。让我们自己能够任意设置左右侧滑的宽度！

点击这里源码下载

首先，在源码中的SlidingMenu.java中添加几个方法：

//*********************************自定义扩展侧滑宽度方法********************************************

	// 设置右侧边栏菜单展开时距离左边界的偏移量
    public void setRightMenuOffset(int offset) {
            mViewBehind.setRightWidthOffset(offset);
    }

    // 设置右侧边栏菜单展开时距离左边界的偏移量
    public void setRightMenuOffsetRes(int resId) {
            int i = (int) getContext().getResources().getDimension(resId);
            setRightMenuOffset(i);
    }

    // 设置右侧边栏的宽度
    @SuppressWarnings("deprecation")
    public void setRightBehindWidth(int i) {
            int width;
            Display display = ((WindowManager) getContext().getSystemService(
                            Context.WINDOW_SERVICE)).getDefaultDisplay();
            try {
                    Class<?> cls = Display.class;
                    Class<?>[] parameterTypes = { Point.class };
                    Point parameter = new Point();
                    Method method = cls.getMethod("getSize", parameterTypes);
                    method.invoke(display, parameter);
                    width = parameter.x;
            } catch (Exception e) {
                    width = display.getWidth();
            }
            setRightMenuOffset(width - i);
    }

    // 设置右侧边栏的宽度
    public void setRightBehindWidthRes(int res) {
            int i = (int) getContext().getResources().getDimension(res);
            setRightBehindWidth(i);
    }

然后，修改CustomViewBehind.java类

即：1.在源码CustomViewBehind.java类中加入必要的方法：

//	----------------------自定义扩展添加方法----------------------------------------
	private int mRightWidthOffset; // 右边宽度偏移量

	public void setRightWidthOffset(int i) {
		mRightWidthOffset = i;
		requestLayout();
	}

	private int getRightBehindWidth() {
		return mSecondaryContent.getWidth();
	}

2.修改方法：scrollBehindT( View content , int x , int y );

public void scrollBehindTo(View content, int x, int y) {
        int vis = View.VISIBLE;
        if (mMode == SlidingMenu.LEFT) {
                if (x >= content.getLeft())
                        vis = View.INVISIBLE;
                scrollTo((int) ((x + getBehindWidth()) * mScrollScale), y);
        } else if (mMode == SlidingMenu.RIGHT) {
                if (x <= content.getLeft())
                        vis = View.INVISIBLE;
                scrollTo(
                                (int) (getRightBehindWidth() - getWidth() + (x - getRightBehindWidth())
                                                * mScrollScale), y);
        } else if (mMode == SlidingMenu.LEFT_RIGHT) {
                mContent.setVisibility(x >= content.getLeft() ? View.INVISIBLE
                                : View.VISIBLE);
                mSecondaryContent
                                .setVisibility(x <= content.getLeft() ? View.INVISIBLE
                                                : View.VISIBLE);
                vis = x == 0 ? View.INVISIBLE : View.VISIBLE;
                if (x <= content.getLeft()) {
                        scrollTo((int) ((x + getBehindWidth()) * mScrollScale), y);
                } else {
                        scrollTo(
                                        (int) (getRightBehindWidth() - getWidth() + (x - getRightBehindWidth())
                                                        * mScrollScale), y);
                }
        }
        if (vis == View.INVISIBLE)
                Log.v(TAG, "behind INVISIBLE");
        setVisibility(vis);
}

3.修改方法：getMenuLeft( View content , int page );

public int getMenuLeft(View content, int page) {
        if (mMode == SlidingMenu.LEFT) {
                switch (page) {
                case 0:
                        return content.getLeft() - getBehindWidth();
                case 2:
                        return content.getLeft();
                }
        } else if (mMode == SlidingMenu.RIGHT) {
                switch (page) {
                case 0:
                        return content.getLeft();
                case 2:
                        return content.getLeft() + getRightBehindWidth();
                }
        } else if (mMode == SlidingMenu.LEFT_RIGHT) {
                switch (page) {
                case 0:
                        return content.getLeft() - getBehindWidth();
                case 2:
                        return content.getLeft() + getRightBehindWidth();
                }
        }
        return content.getLeft();
}

4.修改方法：getAbsRightBound( View content );

public int getAbsRightBound(View content) {
        if (mMode == SlidingMenu.LEFT) {
                return content.getLeft();
        } else if (mMode == SlidingMenu.RIGHT
                        || mMode == SlidingMenu.LEFT_RIGHT) {
                return content.getLeft() + getRightBehindWidth();
        }
        return 0;
}

最后，使用属性变量mRightWidthOffset 和方法 getRightBehindWidth()；替换在源码CustomViewBehind.java类中的方法

 onLayout(boolean changed, int l, int t, int r, int b);
 onMeasure(int widthMeasureSpec, int heightMeasureSpec);

中的变量属性 mWidthOffset ；和中的方法

drawFade(View content, Canvas canvas, float openPercent)

中的 getBehindWidth();具体代码，如下所示：

@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		final int width = r - l;
		final int height = b - t;
		mContent.layout(0, 0, width - mWidthOffset, height);
		if (mSecondaryContent != null)
//			这里做了修改
//		mSecondaryContent.layout(0, 0, width - mWidthOffset, height);
			mSecondaryContent.layout(0, 0, width - mRightWidthOffset, height);
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		int width = getDefaultSize(0, widthMeasureSpec);
		int height = getDefaultSize(0, heightMeasureSpec);
		setMeasuredDimension(width, height);
//		这里做了修改
//		final int contentWidth = getChildMeasureSpec(widthMeasureSpec, 0, width
//				- mWidthOffset);
		final int contentWidth = getChildMeasureSpec(widthMeasureSpec, 0, width
				- mRightWidthOffset);
		final int contentHeight = getChildMeasureSpec(heightMeasureSpec, 0,
				height);
		mContent.measure(contentWidth, contentHeight);
		if (mSecondaryContent != null)
			mSecondaryContent.measure(contentWidth, contentHeight);
	}

public void drawFade(View content, Canvas canvas, float openPercent) {
		if (!mFadeEnabled)
			return;
		final int alpha = (int) (mFadeDegree * 255 * Math.abs(1 - openPercent));
		mFadePaint.setColor(Color.argb(alpha, 0, 0, 0));
		int left = 0;
		int right = 0;
		if (mMode == SlidingMenu.LEFT) {
			left = content.getLeft() - getBehindWidth();
			right = content.getLeft();
		} else if (mMode == SlidingMenu.RIGHT) {
			left = content.getRight();
			right = content.getRight() + getBehindWidth();
		} else if (mMode == SlidingMenu.LEFT_RIGHT) {
			left = content.getLeft() - getRightBehindWidth();//替换原先的getBehindWidth();
			right = content.getLeft();
			canvas.drawRect(left, 0, right, getHeight(), mFadePaint);
			left = content.getRight();
			right = content.getRight() + getRightBehindWidth();//替换原先的getBehindWidth();
		}
		canvas.drawRect(left, 0, right, getHeight(), mFadePaint);
	}

最后的最后，在控制侧滑菜单的Activity类中添加几句代码就搞定了：

mSlidingMenu = new SlidingMenu(this);
		mSlidingMenu.setMode(SlidingMenu.LEFT_RIGHT);
		
		mSlidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);//左右侧滑距离
		mSlidingMenu.setRightMenuOffsetRes(R.dimen.slidingmenu_right_offset);//重写右边侧滑的距离
		
		mSlidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
		mSlidingMenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
		mSlidingMenu.setMenu(R.layout.slidemenu_primary);
		mSlidingMenu.setSecondaryMenu(R.layout.slidemenu_secondery);
		
		getSupportFragmentManager().beginTransaction().
		replace(R.id.aty_main_framLayout, new ViewPagerFragment()).commit();
		getSupportFragmentManager().beginTransaction().
		replace(R.id.framLayout_fragment, new TranslationAnimationFragment()).commit();