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

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

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

使用方法

一个简单的DEMO示例:

  1. public class SlidingExample extends Activity {  
  2.  
  3.     @Override 
  4.     public void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setTitle(R.string.attach);  
  7.         // set the content view  
  8.         setContentView(R.layout.content);  
  9.         // configure the SlidingMenu  
  10.         SlidingMenu menu = new SlidingMenu(this);  
  11.         menu.setMode(SlidingMenu.LEFT);  
  12.         menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
  13.         menu.setShadowWidthRes(R.dimen.shadow_width);  
  14.         menu.setShadowDrawable(R.drawable.shadow);  
  15.         menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);  
  16.         menu.setFadeDegree(0.35f);  
  17.         menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);  
  18.         menu.setMenu(R.layout.menu);  
  19.     }  
  20.  

XML配置方式

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

  1. <com.jeremyfeinstein.slidingmenu.lib.SlidingMenu  
  2.     xmlns:sliding="http://schemas.android.com/apk/res-auto" 
  3.     android:id="@+id/slidingmenulayout" 
  4.     android:layout_width="fill_parent" 
  5.     android:layout_height="fill_parent" 
  6.     sliding:viewAbove="@layout/YOUR_ABOVE_VIEW" 
  7.     sliding:viewBehind="@layout/YOUR_BEHIND_BEHIND" 
  8.     sliding:touchModeAbove="margin|fullscreen" 
  9.     sliding:behindOffset="@dimen/YOUR_OFFSET" 
  10.     sliding:behindWidth="@dimen/YOUR_WIDTH" 
  11.     sliding:behindScrollScale="@dimen/YOUR_SCALE" 
  12.     sliding:shadowDrawable="@drawable/YOUR_SHADOW" 
  13.     sliding:shadowWidth="@dimen/YOUR_SHADOW_WIDTH" 
  14.     sliding:fadeEnabled="true|false" 
  15.     sliding:fadeDegree="float" 
  16.     sliding:selectorEnabled="true|false" 
  17.     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:

  1. package com.jj.testslidingmenu;  
  2.  
  3. import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;  
  4.  
  5. import android.os.Bundle;  
  6. import android.app.Activity;  
  7. import android.view.KeyEvent;  
  8. import android.view.Menu;  
  9.  
  10. public class MainActivity extends Activity {  
  11.  
  12.     SlidingMenu slidingMenu;  
  13.     @Override 
  14.     protected void onCreate(Bundle savedInstanceState) {  
  15.         super.onCreate(savedInstanceState);  
  16.         setContentView(R.layout.activity_main);  
  17.  
  18.         slidingMenu = new SlidingMenu(this);  
  19.         slidingMenu.setMode(SlidingMenu.LEFT);  
  20.         slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
  21.         slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);  
  22.         slidingMenu.setMenu(R.layout.slidingmenu);  
  23.         slidingMenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);  
  24.     }  
  25.  
  26.     @Override 
  27.     public boolean onKeyDown(int key, KeyEvent event){  
  28.         switch (key) {  
  29.         case KeyEvent.KEYCODE_MENU:  
  30.             slidingMenu.toggle(true);  
  31.             break;  
  32.  
  33.         default:  
  34.             break;  
  35.         }  
  36.         return false;  
  37.     }  
  38.  

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

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.     android:layout_width="match_parent" 
  4.     android:layout_height="match_parent" 
  5.     android:orientation="vertical"   
  6.     android:background="#ff999999">  
  7.  
  8.     <com.jeremyfeinstein.slidingmenu.lib.SlidingMenu   
  9.         android:id="@+id/slidingmenu" 
  10.         android:layout_width="match_parent" 
  11.         android:layout_height="match_parent" 
  12.     >  
  13.       <Button   
  14.           android:layout_width="match_parent" 
  15.           android:layout_height="wrap_content" 
  16.           android:text = "click me"/>    
  17.  
  18.     </com.jeremyfeinstein.slidingmenu.lib.SlidingMenu>  
  19. </LinearLayout> 

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

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

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

作者:码农网小峰

责任编辑:闫佳明 来源: codeceo
相关推荐

2015-07-20 15:14:19

侧滑菜单功能多样

2021-04-15 17:47:38

鸿蒙HarmonyOS应用

2021-11-24 10:02:53

鸿蒙HarmonyOS应用

2015-03-31 18:13:09

swipelistvi

2014-12-30 11:55:21

android开源

2012-04-02 22:20:49

苹果

2012-04-02 19:32:11

iPhone 4

2009-07-15 13:31:51

Swing菜单和菜单项

2021-03-01 14:01:41

鸿蒙HarmonyOS应用开发

2010-03-29 16:58:41

Nginx FastC

2010-01-27 10:21:00

Android菜单

2009-12-14 13:38:59

VS 类视图

2021-12-13 05:54:30

Windows 11操作系统微软

2015-12-09 11:22:24

高仿今日头条android源码

2013-06-08 12:49:03

Android开发XML定义菜单

2010-01-08 18:31:45

VB.NET历史菜单

2010-01-27 14:18:41

Android智能指针

2009-12-30 09:24:10

Windows 7系统菜单

2010-01-18 18:19:05

2010-04-19 09:31:44

KDE
点赞
收藏

51CTO技术栈公众号