0
点赞
收藏
分享

微信扫一扫

SlidingMenu最新版本使用详解




多谢原作者的提醒!



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

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

ActionBarSharlock工程的资源项目。ActionBarSharlock的github项目地址是​​https://github.com/JakeWharton/ActionBarSherlock​​ 大家可以自行下载。在设置好依赖工程之后,我们就可以使用SlidingMenu了。



SlidingMenu最新版本使用详解_android

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


SlidingMenu最新版本使用详解_ide_02

添加SlidingMenu控件的方式

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



​​


    使用这种实现方式,我们的侧滑栏是使用一个Fragment实现的,通过

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. new SampleListFragment();
29. transaction.replace(R.id.menu_frame, fragment);
30. transaction.commit();
31. // 获取到SlidingMenu对象,然后设置一些常见的属性
32. SlidingMenu sm = getSlidingMenu();
33. // 设置阴影的宽度
34. 0);
35. // 设置阴影的颜色
36. sm.setShadowDrawable(R.drawable.shadow);
37. // 设置侧滑栏完全展开之后,距离另外一边的距离,单位px,设置的越大,侧滑栏的宽度越小
38. 100);
39. // 设置渐变的程度,范围是0-1.0f,设置的越大,则在侧滑栏刚划出的时候,颜色就越暗。1.0f的时候,颜色为全黑
40. 0.3f);
41. // 设置触摸模式,可以选择全屏划出,或者是边缘划出,或者是不可划出
42. sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
43.
44. //设置actionBar能否跟随侧滑栏移动,如果没有,则可以去掉
45. false);
46.
47. }
48. }

setBehindContentView()方法,我们可以设置放置侧滑栏布局的容器,这个容器是一个非常简单的布局文件,一般来说比较固定,比如像下面这样就可以



    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,如果要通过这种方式,我们可以参考下面的代码实现。



    ​​


    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. new SlidingMenu(this);
    24. 0);
    25. menu.setShadowDrawable(R.drawable.shadow);
    26. 100);
    27. 0.35f);
    28. menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
    29. this, SlidingMenu.SLIDING_CONTENT);
    30. menu.setMenu(R.layout.frame_menu);
    31. getSupportFragmentManager().beginTransaction()
    32. new SampleListFragment()).commit();
    33.
    34. }
    35. }


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


    其他常用属性


    (1)双侧滑栏


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


    ​​



      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. new SampleListFragment()).commit();
      10. //设置右边的侧滑栏
      11. getSlidingMenu().setSecondaryMenu(R.layout.menu_frame_two);
      12. getSlidingMenu().setSecondaryShadowDrawable(R.drawable.shadowright);
      13. getSupportFragmentManager().beginTransaction()
      14. new SampleListFragment())
      15. .commit();
      16. }



      (2)设置触摸模式


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


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

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

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


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




      折叠动画

      ​​



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



        放缩动画


        ​​


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


        上升动画


        ​​


        1. private static Interpolator interp = new Interpolator() {  
        2. @Override
        3. public float getInterpolation(float t) {
        4. 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. 0, canvas.getHeight()*(1-interp.getInterpolation(percentOpen)));
        13. }
        14. }



        举报

        相关推荐

        0 条评论