深入浅出SlidingMenu

如果想直接查看源码的话可以从我的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

posted @ 2016-01-15 10:45  HuijunZhang  阅读(876)  评论(0)  编辑  收藏  举报
中国