SlidingMenu最新版本使用详解

本文转自：http://blog.csdn.net/zhaokaiqiang1992/article/details/40371031

多谢原作者的提醒！

将SlidingMenu整合到自己的项目之中

    我们在使用开源的项目之前，都需要先将项目作为资源引入到我们当前的项目之中。在整合之前，先将github上项目的示例代码下载下来，导入到eclipse当中。关于将外部项目导入当前项目，有两种做法。

    （1）将资源项目作为library设置到我们的项目中，就像是示例代码中的ExampleListctivity一样，如下图所示。有一点需要注意一下，因为在SlidingMenu示例代码里面用到了ActionBarSharlock这个依赖工程，因此，我们不光需要SlidingMenu的代码，还需要ActionBarSharlock工程的资源项目。ActionBarSharlock的github项目地址是https://github.com/JakeWharton/ActionBarSherlock 大家可以自行下载。在设置好依赖工程之后，我们就可以使用SlidingMenu了。

    （2）除了采用上面这种依赖工程的方法，我们还可以直接将依赖工程，也就是library项目里面的代码，直接拷贝到我们的目标项目里面。我个人更喜欢这种方法，虽然这样会增加工程的安装包的体积，但是，对于项目的管理来说，更加的方便。在这个项目中，我们将下面的这个文件复制到我们的项目里面就可以了。

添加SlidingMenu控件的方式

    （1）继承自SlidingFragmentActivity。如果是采用这种方式的话，我们的Activity需要继承自SlidingFragmentActivity。SlidingFragmentActivity是SlidingMenu里面的一个类，继承自它，我们可以拥有一个SlidingMenu控件。如果我们想用这个方式，可以参考下面的代码。

[java]  view plain copy

1. package com.example.slidingmenudemo;  
2.   
3. import android.os.Bundle;  
4. import android.support.v4.app.FragmentTransaction;  
5.   
6. import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;  
7. import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;  
8.   
9. /** 
10.  * 继承自SlidingFragmentActivity的侧滑栏实现，可以实现侧滑栏是fragment的侧滑栏的效果 
11.  *  
12.  * @author zhaokaiqiang 
13.  * @see http://blog.csdn.net/zhaokaiqiang1992 
14.  *  
15.  */  
16. public class MethodOneActivity extends SlidingFragmentActivity {  
17.   
18.     @Override  
19.     public void onCreate(Bundle savedInstanceState) {  
20.         super.onCreate(savedInstanceState);  
21.         // 设置主界面的布局文件  
22.         setContentView(R.layout.activity_method_one);  
23.         // 设置存放侧滑栏的容器的布局文件  
24.         setBehindContentView(R.layout.frame_menu);  
25.         // 将侧滑栏的fragment类填充到侧滑栏的容器的布局文件中  
26.         FragmentTransaction transaction = getSupportFragmentManager()  
27.                 .beginTransaction();  
28.         SampleListFragment fragment = new SampleListFragment();  
29.         transaction.replace(R.id.menu_frame, fragment);  
30.         transaction.commit();  
31.         // 获取到SlidingMenu对象，然后设置一些常见的属性  
32.         SlidingMenu sm = getSlidingMenu();  
33.         // 设置阴影的宽度  
34.         sm.setShadowWidth(0);  
35.         // 设置阴影的颜色  
36.         sm.setShadowDrawable(R.drawable.shadow);  
37.         // 设置侧滑栏完全展开之后，距离另外一边的距离，单位px，设置的越大，侧滑栏的宽度越小  
38.         sm.setBehindOffset(100);  
39.         // 设置渐变的程度，范围是0-1.0f,设置的越大，则在侧滑栏刚划出的时候，颜色就越暗。1.0f的时候，颜色为全黑  
40.         sm.setFadeDegree(0.3f);  
41.         // 设置触摸模式，可以选择全屏划出，或者是边缘划出，或者是不可划出  
42.         sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
43.           
44.         //设置actionBar能否跟随侧滑栏移动，如果没有，则可以去掉  
45.         setSlidingActionBarEnabled(false);  
46.           
47.     }  
48. }  

    使用这种实现方式，我们的侧滑栏是使用一个Fragment实现的，通过 setBehindContentView()方法，我们可以设置放置侧滑栏布局的容器，这个容器是一个非常简单的布局文件，一般来说比较固定，比如像下面这样就可以

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/menu_frame"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent" />  

    在这里面，一个设置了id的FragmentLayout布局即可，这样我们就可以通过 transaction.replace(R.id. menu_frame , fragment);方法将我们侧滑栏的Fragment填充到SlidingMenu之中。

    因为SlidingFragmentActivity里面已经集成了一个SlidingMenu，因此，我们通过getSlidingMenu()就可以获取到一个SilidingMenu对象，然后象上面的代码一样设置常用的属性就可以了。

    通过这种方式添加SlidingMenu非常的方便，但是我们必须继承自SlidingFeagmentActivity，不免有一些限制。

    （2）继承自FragmentActivity

    除了继承SlidingMenu自带的Activity之外，我们还可以直接继承自FragmentActivity，如果要通过这种方式，我们可以参考下面的代码实现。

[java]  view plain copy

1. package com.example.slidingmenudemo;  
2.   
3. import android.os.Bundle;  
4. import android.support.v4.app.FragmentActivity;  
5.   
6. import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;  
7.   
8. /** 
9.  * 继承自FragmentActivity的侧滑栏实现，可以实现侧滑栏是fragment的侧滑栏的效果 
10.  *  
11.  * @author zhaokaiqiang 
12.  * @see http://blog.csdn.net/zhaokaiqiang1992 
13.  */  
14. public class MethodTwoActivity extends FragmentActivity {  
15.   
16.     private SlidingMenu menu;  
17.   
18.     @Override  
19.     public void onCreate(Bundle savedInstanceState) {  
20.         super.onCreate(savedInstanceState);  
21.         setContentView(R.layout.activity_method_two);  
22.   
23.         menu = new SlidingMenu(this);  
24.         menu.setShadowWidth(0);  
25.         menu.setShadowDrawable(R.drawable.shadow);  
26.         menu.setBehindOffset(100);  
27.         menu.setFadeDegree(0.35f);  
28.         menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
29.         menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);  
30.         menu.setMenu(R.layout.frame_menu);  
31.         getSupportFragmentManager().beginTransaction()  
32.                 .replace(R.id.menu_frame, new SampleListFragment()).commit();  
33.   
34.     }  
35. }  

    通过这种方式集成的话，我们需要自己定义SlidingMenu，然后通过attachToActivity，将SlidingMenu连接到我们的FragmentActivity之上，setMenu()方式设置的是我们的侧滑栏的容器的布局，和上面的第一种方法是一样的。

其他常用属性

（1）双侧滑栏

    我们可以通过下面的代码实现双侧滑栏的效果

[java]  view plain copy

1. @Override  
2.     public void onCreate(Bundle savedInstanceState) {  
3.         super.onCreate(savedInstanceState);  
4.         //设置左边的侧滑栏  
5.         getSlidingMenu().setMode(SlidingMenu.LEFT_RIGHT);  
6.         getSlidingMenu().setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
7.         setContentView(R.layout.content_frame);  
8.         getSupportFragmentManager().beginTransaction()  
9.                 .replace(R.id.content_frame, new SampleListFragment()).commit();  
10.         //设置右边的侧滑栏  
11.         getSlidingMenu().setSecondaryMenu(R.layout.menu_frame_two);  
12.         getSlidingMenu().setSecondaryShadowDrawable(R.drawable.shadowright);  
13.         getSupportFragmentManager().beginTransaction()  
14.                 .replace(R.id.menu_frame_two, new SampleListFragment())  
15.                 .commit();  
16.     }  

（2）设置触摸模式

通过 getSlidingMenu().setTouchModeAbove()可以 设置侧滑栏的触摸模式，用下面3个常量值

SlidingMenu.TOUCHMODE_FULLSCREEN  全屏幕模式，全屏滑动都可打开

SlidingMenu.TOUCHMODE_MARGIN  侧边模式，只在屏幕侧边滑动才能打开，中心滑动不能打开

SlidingMenu.TOUCHMODE_NONE    禁止触摸模式，不能够通过触摸打开，只能够通过SlidingMenu().toggle()打开或者是关闭

（3）设置侧滑栏显示动画

通过 SlidingMenu.setBehindCanvasTransformer( CanvasTransformer );方法可以设置侧滑栏的显示动画，参数是一个CanvasTransformer对象。下面是几个常见的动画的设置

折叠动画

[java]  view plain copy

1. new CanvasTransformer() {  
2.             @Override  
3.             public void transformCanvas(Canvas canvas, float percentOpen) {  
4.                 canvas.scale(percentOpen, 1, 0, 0);  
5.             }             
6.         }  

放缩动画

[java]  view plain copy

1. new CanvasTransformer() {  
2.             @Override  
3.             public void transformCanvas(Canvas canvas, float percentOpen) {  
4.                 float scale = (float) (percentOpen*0.25 + 0.75);  
5.                 canvas.scale(scale, scale, canvas.getWidth()/2, canvas.getHeight()/2);  
6.             }  
7.         }  

上升动画

[java]  view plain copy

1. private static Interpolator interp = new Interpolator() {  
2.         @Override  
3.         public float getInterpolation(float t) {  
4.             t -= 1.0f;  
5.             return t * t * t + 1.0f;  
6.         }         
7.     };  
8.   
9. new CanvasTransformer() {  
10.             @Override  
11.             public void transformCanvas(Canvas canvas, float percentOpen) {  
12.                 canvas.translate(0, canvas.getHeight()*(1-interp.getInterpolation(percentOpen)));  
13.             }             
14.         }