Introduction to the use of Android classic sliding menu SlidingMenu

SlidingMenu is an open source Android development library that allows developers to easily create sliding menus in their Android apps, similar to the app menus of Google+, YouTube, and Facebook. Let's take a look at the effect of SlidingMenu.

How to use

A simple DEMO example:

 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 configuration method

If you want to use SlidingMenu as a view, the xml layout file can be written as follows:

 <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" />

Note: You cannot use behindOffset and behindWidth at the same time, otherwise an error will occur.

Introduction to Android SlidingMenu

Now many Android applications have side-sliding menus, which work very well.

There is an open source library of SlidingMenu on GitHub, which is very convenient to use.

SlidingMenu GitHub address: https://github.com/jfeinstein10/SlidingMenu. GitHub says that Sliding can be more functional when combined with ActionBarSherlock. ActionBarSherlock GitHub address: https://github.com/JakeWharton/ActionBarSherlock

Next, let's introduce the use of SlidingMenu.

(1) Download the zip file from GitHub and decompress it to get a folder called library.

(2) Eclipse import Existing Android Code Into Workspace. Right-click the project and select Properties->Android. You can see that it is Library.

(3) Right-click the project that will use SlidingMenu and select Properties->Android. Under Library, add the project imported in (2).

(4) To ensure that the SlidingMenu library is successfully applied to the project, you must ensure that the libs used by the project and the libs used by the SlidingMenu library are consistent in version, mainly referring to android-support-v4.jar. If the project libs does not exist or the compilation fails, you can try to create a new libs folder and put android-support-v4.jar in it. Right-click on libs->Build Path->Use as Source. This can usually solve the problem.

(5) After step (4), you can use SlidingMenu directly in your project.

Java code: 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 code: 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>

Some common property settings for SlidingMenu are recorded as follows:

 menu.setMode(SlidingMenu.LEFT); //Set the left sliding menu  
 menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN); //Set the sliding screen range. This setting allows sliding in the full screen area.  
 menu.setShadowDrawable(R.drawable.shadow); //Set the shadow image  
 menu.setShadowWidthRes(R.dimen.shadow_width); //Set the width of the shadow image  
 menu.setBehindOffsetRes(R.dimen.slidingmenu_offset); //The remaining width of the main page when SlidingMenu is drawn  
 menu.setBehindWidth( 400 ); //Set the width of the SlidingMenu menu  
 menu.setFadeDegree( 0 .35f); //The gradient degree when SlidingMenu slides  
 menu.attachToActivity( this , SlidingMenu.SLIDING_CONTENT); //Attach SlidingMenu to Activity  
 menu.setMenu(R.layout.menu_layout); //Set the menu layout file  
 menu.toggle(); //Dynamic judgment to automatically close or open SlidingMenu  
 menu.showMenu(); //Show SlidingMenu  
 menu.showContent(); //Display content  
 menu.setOnOpenListener(onOpenListener); //Listen for slidingmenu to open  
 
 menu.setOnOpenedListener(onOpenedlistener); listen for slidingmenu opening 
 
 menu.OnCloseListener(OnClosedListener); //Listen for events when slidingmenu is closed  
 
 menu.OnClosedListener(OnClosedListener); //Listen for events after slidingmenu is closed  
 
 You can slide out the SlidingMenu menu on the left or right. Just set
 menu.setMode(SlidingMenu.LEFT_RIGHT); property, and then set the layout file of the right menu
 menu.setSecondaryMenu(R.layout.menu_fram2); //Set the right menu  
 
 menu.setSecondaryShadowDrawable(R.drawable.shadowright); //Shadow image of the right menu  

Original link: http://www.codeceo.com/article/android-slidingmenu-2.html

Author: Xiaofeng from Coder.net