如果想直接查看源码的话可以从我的Github上下载查看:https://github.com/zhanghuijun0/demo-for-android/tree/master/SlidingMenu
SlidingMenu 是github上Android开源项目 能用于快速集成 Android 侧滑菜单效果,Slidingmenu 里面可以包含多种组件 fragment viewpager listview 等;
下载地址:
SlidingMenu:https://github.com/jfeinstein10/SlidingMenu
actionbarsherlock:https://github.com/JakeWharton/ActionBarSherlock/tree/master/actionbarsherlock
注意:SlidingMenu依赖于另一个开源项目ActionBarSherlock,所以需要将ActionBarSherlock添加作为SlidingMenu的库工程,否则会报资源找不到错误。
依赖关系如下:ExampleListActivity——>library——>actionbarsherlock
经常出现的问题:
(1)添加完了依赖关系之后,会报出“Jar mismatch! Fix your dependencies”的错误,这是因为android-support-v4.jar版本不匹配造成的。(解决办法,把所依赖的android-support-v4.jar删除,重新添加新的,当然也可以从其中一个项目中,复制到另外的项目中,目的是android-support-v4.jar版本要一样就ok了)
(2)library 当中还存在错误:找不到getSupportActionBar().setDisplayHomeAsUpEnabled(true);
解决办法:找到Library中的src下找到SlidingFragmentActivity.java,修改父类,将:
public class SlidingFragmentActivity extends FragmentActivity
修改为:
public class SlidingFragmentActivity extends SherlockFragmentActivity
然后按照依赖关系依次clean: actionbarsherlock、library、ExampleListActivity
至此,一个SlidingMenu的简单Demo就已经导入成功了,下面我们就可以看到SlidingMenu的效果了,如果你感觉以上步骤比较麻烦的话,可以直接下载我已经配置好的:点击下载[GitHub]
配置完成,我们需要自己动手写一些SlidingMenu的demo,首先为新建的项目添加library,下面展示了一个简单的SlidingMenu的代码,只有几行代码就可以实现一个简单的SlidingMenu效果了。
1 // configure the SlidingMenu 2 SlidingMenu menu = new SlidingMenu(this); 3 menu.setMode(SlidingMenu.LEFT); 4 menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); 5 menu.setShadowWidthRes(R.dimen.shadow_width); 6 menu.setShadowDrawable(R.drawable.shadow); 7 menu.setBehindOffsetRes(R.dimen.slidingmenu_offset); 8 menu.setFadeDegree(0.35f); 9 menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT); 10 menu.setMenu(R.layout.slide_menu);
上面的SlidingMenu可能有点简单了,下面是我对SlidingMenu属性的一些总结,可能不是很完整,如果需要完整的话,查看SlidingMenu在Github给出的Demo;
1 // configure the SlidingMenu 2 menu = new SlidingMenu(this); 3 4 menu.setMode(SlidingMenu.LEFT);// 设置左滑菜单 5 6 // menu.setMode(SlidingMenu.LEFT_RIGHT);// 属性,然后设置右侧菜单的布局文件 7 // menu.setSecondaryMenu(R.layout.activity_main); 8 // menu.setSecondaryShadowDrawable(R.drawable.shadow);// 右侧菜单的阴影图片 9 10 /** 11 * 设置滑动的区域 12 */ 13 menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);// 全屏都可以 14 // menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);// 旁边可以 15 // menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_NONE);// activity界面都不可以 16 17 18 /** 19 * 阴影 20 */ 21 menu.setShadowWidth(200);// 设置阴影宽度 22 menu.setShadowWidthRes(R.dimen.shadow_width);// 设置阴影图片的宽度 23 menu.setShadowDrawable(R.drawable.shadow);// 设置阴影图片 24 25 /** 26 * 淡入淡出 27 */ 28 menu.setFadeEnabled(true);// 是否淡入淡出 29 menu.setFadeDegree(0.35f);// 设置淡入淡出的比例 30 31 menu.setBehindScrollScale(0.2f);// 设置滑动时 的拖拽效果 32 menu.setBehindWidth(400);// 设置SlidingMenu菜单的宽度 33 menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);// SlidingMenu划出时主页面显示的剩余宽度 34 35 menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);// 使SlidingMenu附加在Activity上 36 menu.setMenu(R.layout.slide_menu);// 设置menu的布局文件 37 38 CanvasTransformer mTransformer = new CanvasTransformer() { 39 @Override 40 public void transformCanvas(Canvas canvas, float percentOpen) { 41 float scale = (float) (percentOpen * 0.25 + 0.75); 42 canvas.scale(scale, scale, canvas.getWidth() / 2, 43 canvas.getHeight() / 2); 44 } 45 }; 46 menu.setBehindCanvasTransformer(mTransformer);// 左滑或右滑自定义动画
SlidingMenu的其他属性,其他人已经总结的很好了,我这里就不再赘述了,如果需要的话,参照以下地址。
AndroidUI--SlidingMenu使用例子:http://www.cnblogs.com/zhjsll/p/3704552.html
【Android】SlidingMenu属性详解:http://www.cnblogs.com/SharkBin/p/3665548.html
Android slidingmenu详解 优化侧滑:http://blog.csdn.net/aaawqqq/article/details/44121577