怎么使用侧滑菜单SlidingMenu？

来源：互联网发布：新网域名管理权变更编辑：程序博客网时间：2024/06/11 19:56

左侧滑：

右侧滑：

点击这里下载源码

在此之前，我使用网上朋友自定义的侧滑菜单。利用重写布局来控制和实现，但是到最后项目写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（）;//动态断定主动封闭或开启SlidingMenumenu.showMenu（）;//显示SlidingMenumenu.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;@Overrideprotected 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键，控制菜单侧滑关闭  */@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {// TODO Auto-generated method stubswitch (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 全屏模式，在正文布局中通过手势也可以打开SlidingMenuTOUCHMODE_MARGIN 边缘模式，在正文布局的边缘处通过手势可以找开SlidingMenuTOUCHMODE_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();具体代码，如下所示：

@Overrideprotected 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);}@Overrideprotected 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();

1 0