深刻淺出SlidingMenu

若是想直接查看源碼的話能夠從個人Github上下載查看:https://github.com/zhanghuijun0/demo-for-android/tree/master/SlidingMenuhtml

SlidingMenu 是github上Android開源項目 能用於快速集成 Android 側滑菜單效果,Slidingmenu 裏面能夠包含多種組件 fragment viewpager listview 等;java

下載地址:android

SlidingMenu:https://github.com/jfeinstein10/SlidingMenugit

actionbarsherlock:https://github.com/JakeWharton/ActionBarSherlock/tree/master/actionbarsherlockgithub

注意:SlidingMenu依賴於另外一個開源項目ActionBarSherlock,因此須要將ActionBarSherlock添加做爲SlidingMenu的庫工程,不然會報資源找不到錯誤。canvas

依賴關係以下:ExampleListActivity——>library——>actionbarsherlockide

常常出現的問題:佈局

(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

相關文章
相關標籤/搜索