Android经典侧滑菜单SlidingMenu使用介绍

SlidingMenu是一款开源的Android开发类库，它可以让开发者在自己的Android App中非常便捷地创建侧滑菜单，类似Google+, YouTube, 和Facebook的App菜单。下面先来看看SlidingMenu的效果图。





使用方法

一个简单的DEMO示例：

public class SlidingExample extends Activity {  
 
    @Override 
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setTitle(R.string.attach);  
        // set the content view  
        setContentView(R.layout.content);  
        // configure the SlidingMenu  
        SlidingMenu menu = new SlidingMenu(this);  
        menu.setMode(SlidingMenu.LEFT);  
        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
        menu.setShadowWidthRes(R.dimen.shadow_width);  
        menu.setShadowDrawable(R.drawable.shadow);  
        menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);  
        menu.setFadeDegree(0.35f);  
        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);  
        menu.setMenu(R.layout.menu);  
    }  
 
} 

XML配置方式

如果你想把SlidingMenu当做view来使用，那么xml布局文件可以写成以下这样：

<com.jeremyfeinstein.slidingmenu.lib.SlidingMenu  
    xmlns:sliding="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/slidingmenulayout" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    sliding:viewAbove="@layout/YOUR_ABOVE_VIEW" 
    sliding:viewBehind="@layout/YOUR_BEHIND_BEHIND" 
    sliding:touchModeAbove="margin|fullscreen" 
    sliding:behindOffset="@dimen/YOUR_OFFSET" 
    sliding:behindWidth="@dimen/YOUR_WIDTH" 
    sliding:behindScrollScale="@dimen/YOUR_SCALE" 
    sliding:shadowDrawable="@drawable/YOUR_SHADOW" 
    sliding:shadowWidth="@dimen/YOUR_SHADOW_WIDTH" 
    sliding:fadeEnabled="true|false" 
    sliding:fadeDegree="float" 
    sliding:selectorEnabled="true|false" 
    sliding:selectorDrawable="@drawable/YOUR_SELECTOR"/> 

注意：你不能同时使用behindOffset和behindWidth，不然会出错。

Android SlidingMenu侧滑菜单使用介绍

现在很多android应用都有侧滑菜单，效果很不错。

GitHub上有SlidingMenu的开源库，使用起来很方便。

SlidingMenu GitHub地址：https://github.com/jfeinstein10/SlidingMenu。GitHub上说，Sliding结合 ActionBarSherlock使用功能可以更丰富，ActionBarSherlock GitHub地址：https://github.com/JakeWharton/ActionBarSherlock

下面，介绍下SlidingMenu的使用。

（1）从GitHub上download zip到本地，解压缩，得到其中的一个文件夹，library。

（2）Eclipse import  Existing Android Code Into Workspace。 点击项目右键 properties->Android，可以看到，其 Is Library。

（3）在将使用SlidingMenu的项目上点击右键 properties->Android，Library下将（2）导入的项目add进去。

（4）为保证SlidingMenu库应用到项目中成功，必须保证项目使用的libs和SlidingMenu库使用的libs版本一致，主要是指 android-support-v4.jar。如果项目libs不存在或编译不通过，可以尝试新建libs文件夹，并置入android- support-v4.jar。在libs上右键->Build Path->Use as Source。一般可以解决。

（5）第（4）步之后，便可以在项目中直接使用SlidingMenu。

Java代码：MainActivity:

package com.jj.testslidingmenu;  
 
import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;  
 
import android.os.Bundle;  
import android.app.Activity;  
import android.view.KeyEvent;  
import android.view.Menu;  
 
public class MainActivity extends Activity {  
 
    SlidingMenu slidingMenu;  
    @Override 
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
 
        slidingMenu = new SlidingMenu(this);  
        slidingMenu.setMode(SlidingMenu.LEFT);  
        slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
        slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);  
        slidingMenu.setMenu(R.layout.slidingmenu);  
        slidingMenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);  
    }  
 
    @Override 
    public boolean onKeyDown(int key, KeyEvent event){  
        switch (key) {  
        case KeyEvent.KEYCODE_MENU:  
            slidingMenu.toggle(true);  
            break;  
 
        default:  
            break;  
        }  
        return false;  
    }  
 
} 

XMl布局代码：layout/slidingmenu.xml:

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"   
    android:background="#ff999999">  
 
    <com.jeremyfeinstein.slidingmenu.lib.SlidingMenu   
        android:id="@+id/slidingmenu" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
    >  
      <Button   
          android:layout_width="match_parent" 
          android:layout_height="wrap_content" 
          android:text = "click me"/>    
 
    </com.jeremyfeinstein.slidingmenu.lib.SlidingMenu>  
</LinearLayout> 

对于SlidingMenu常用的一些属性设置记录如下：

menu.setMode(SlidingMenu.LEFT);//设置左滑菜单  
menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//设置滑动的屏幕范围，该设置为全屏区域都可以滑动  
menu.setShadowDrawable(R.drawable.shadow);//设置阴影图片  
menu.setShadowWidthRes(R.dimen.shadow_width);//设置阴影图片的宽度  
menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);//SlidingMenu划出时主页面显示的剩余宽度  
menu.setBehindWidth(400);//设置SlidingMenu菜单的宽度  
menu.setFadeDegree(0.35f);//SlidingMenu滑动时的渐变程度  
menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);//使SlidingMenu附加在Activity上  
menu.setMenu(R.layout.menu_layout);//设置menu的布局文件  
menu.toggle();//动态判断自动关闭或开启SlidingMenu  
menu.showMenu();//显示SlidingMenu  
menu.showContent();//显示内容  
menu.setOnOpenListener(onOpenListener);//监听slidingmenu打开  
 
menu.setOnOpenedListener(onOpenedlistener);监听slidingmenu打开后  
 
menu.OnCloseListener(OnClosedListener);//监听slidingmenu关闭时事件  
 
menu.OnClosedListener(OnClosedListener);//监听slidingmenu关闭后事件  
 
左右都可以划出SlidingMenu菜单只需要设置  
menu.setMode(SlidingMenu.LEFT_RIGHT);属性，然后设置右侧菜单的布局文件  
menu.setSecondaryMenu(R.layout.menu_fram2);//设置右侧菜单  
 
menu.setSecondaryShadowDrawable(R.drawable.shadowright);//右侧菜单的阴影图片 

原文链接：http://www.codeceo.com/article/android-slidingmenu-2.html