深入淺出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