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

作者：無言

如果您認為閱讀這篇部落格讓您有些收獲，不妨點選一下右下角的【推薦】

如果您希望與我交流互動，歡迎微網誌互粉

本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。