天天看点

SlidingMenu最新版本使用详解

多谢原作者的提醒!

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

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

SlidingMenu最新版本使用详解

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

SlidingMenu最新版本使用详解

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

[java] view

plaincopy

SlidingMenu最新版本使用详解
SlidingMenu最新版本使用详解

package com.example.slidingmenudemo;  

import android.os.bundle;  

import android.support.v4.app.fragmenttransaction;  

import com.jeremyfeinstein.slidingmenu.lib.slidingmenu;  

import com.jeremyfeinstein.slidingmenu.lib.app.slidingfragmentactivity;  

/** 

 * 继承自slidingfragmentactivity的侧滑栏实现,可以实现侧滑栏是fragment的侧滑栏的效果 

 *  

 * @author zhaokaiqiang 

 * @see http://blog.csdn.net/zhaokaiqiang1992 

 */  

public class methodoneactivity extends slidingfragmentactivity {  

    @override  

    public void oncreate(bundle savedinstancestate) {  

        super.oncreate(savedinstancestate);  

        // 设置主界面的布局文件  

        setcontentview(r.layout.activity_method_one);  

        // 设置存放侧滑栏的容器的布局文件  

        setbehindcontentview(r.layout.frame_menu);  

        // 将侧滑栏的fragment类填充到侧滑栏的容器的布局文件中  

        fragmenttransaction transaction = getsupportfragmentmanager()  

                .begintransaction();  

        samplelistfragment fragment = new samplelistfragment();  

        transaction.replace(r.id.menu_frame, fragment);  

        transaction.commit();  

        // 获取到slidingmenu对象,然后设置一些常见的属性  

        slidingmenu sm = getslidingmenu();  

        // 设置阴影的宽度  

        sm.setshadowwidth(0);  

        // 设置阴影的颜色  

        sm.setshadowdrawable(r.drawable.shadow);  

        // 设置侧滑栏完全展开之后,距离另外一边的距离,单位px,设置的越大,侧滑栏的宽度越小  

        sm.setbehindoffset(100);  

        // 设置渐变的程度,范围是0-1.0f,设置的越大,则在侧滑栏刚划出的时候,颜色就越暗。1.0f的时候,颜色为全黑  

        sm.setfadedegree(0.3f);  

        // 设置触摸模式,可以选择全屏划出,或者是边缘划出,或者是不可划出  

        sm.settouchmodeabove(slidingmenu.touchmode_fullscreen);  

        //设置actionbar能否跟随侧滑栏移动,如果没有,则可以去掉  

        setslidingactionbarenabled(false);  

    }  

}  

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

[html] view

SlidingMenu最新版本使用详解
SlidingMenu最新版本使用详解

<?xml version="1.0" encoding="utf-8"?>  

<framelayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:id="@+id/menu_frame"  

    android:layout_width="match_parent"  

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

SlidingMenu最新版本使用详解
SlidingMenu最新版本使用详解

import android.support.v4.app.fragmentactivity;  

 * 继承自fragmentactivity的侧滑栏实现,可以实现侧滑栏是fragment的侧滑栏的效果 

public class methodtwoactivity extends fragmentactivity {  

    private slidingmenu menu;  

        setcontentview(r.layout.activity_method_two);  

        menu = new slidingmenu(this);  

        menu.setshadowwidth(0);  

        menu.setshadowdrawable(r.drawable.shadow);  

        menu.setbehindoffset(100);  

        menu.setfadedegree(0.35f);  

        menu.settouchmodeabove(slidingmenu.touchmode_fullscreen);  

        menu.attachtoactivity(this, slidingmenu.sliding_content);  

        menu.setmenu(r.layout.frame_menu);  

        getsupportfragmentmanager().begintransaction()  

                .replace(r.id.menu_frame, new samplelistfragment()).commit();  

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

(1)双侧滑栏

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

SlidingMenu最新版本使用详解
SlidingMenu最新版本使用详解

@override  

        //设置左边的侧滑栏  

        getslidingmenu().setmode(slidingmenu.left_right);  

        getslidingmenu().settouchmodeabove(slidingmenu.touchmode_fullscreen);  

        setcontentview(r.layout.content_frame);  

                .replace(r.id.content_frame, new samplelistfragment()).commit();  

        //设置右边的侧滑栏  

        getslidingmenu().setsecondarymenu(r.layout.menu_frame_two);  

        getslidingmenu().setsecondaryshadowdrawable(r.drawable.shadowright);  

                .replace(r.id.menu_frame_two, new samplelistfragment())  

                .commit();  

(2)设置触摸模式

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

slidingmenu.touchmode_fullscreen  全屏幕模式,全屏滑动都可打开

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

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

(3)设置侧滑栏显示动画

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

折叠动画

SlidingMenu最新版本使用详解
SlidingMenu最新版本使用详解

new canvastransformer() {  

            @override  

            public void transformcanvas(canvas canvas, float percentopen) {  

                canvas.scale(percentopen, 1, 0, 0);  

            }             

        }  

放缩动画

SlidingMenu最新版本使用详解
SlidingMenu最新版本使用详解

                float scale = (float) (percentopen*0.25 + 0.75);  

                canvas.scale(scale, scale, canvas.getwidth()/2, canvas.getheight()/2);  

            }  

上升动画

SlidingMenu最新版本使用详解
SlidingMenu最新版本使用详解

private static interpolator interp = new interpolator() {  

        @override  

        public float getinterpolation(float t) {  

            t -= 1.0f;  

            return t * t * t + 1.0f;  

        }         

    };  

                canvas.translate(0, canvas.getheight()*(1-interp.getinterpolation(percentopen)));  

    其他的更多属性,请自己查阅示例代码。

继续阅读