安卓框架——SlidingMenu的使用方法

SlidingMenu的一些常用屬性

//設置側滑菜單的位置，可選值LEFT , RIGHT ,LEFT_RIGHT（兩邊都有菜單時設置）
menu.setMode(SlidingMenu.LEFT_RIGHT);
//設置觸摸屏幕的模式，可選只MARGIN ,CONTENT 
       menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);
//根據dimension資源文件的ID來設置陰影的寬度
       menu.setShadowWidthRes(R.dimen.shadow_width);
//根據資源文件ID來設置滑動菜單的陰影效果
       menu.setShadowDrawable(R.drawable.shadow);
//這兩個都是設置滑動菜單視圖的寬度，二選一
    //設置SlidingMenu離屏幕的偏移量
       menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
       //設置寬度
       menu.setBehindWidth()
// 設置漸入漸出效果的值
       menu.setFadeDegree(0.35f);
//設置SlidingMenu與下方視圖的移動的速度比，當爲1時同時移動，取值0-1
       menu.setBehindScrollScale(1.0f);
//設置二級菜單的陰影效果
       menu.setSecondaryShadowDrawable(R.drawable.shadow);
//設置右邊（二級）側滑菜單
       menu.setSecondaryMenu(R.layout.right_menu_frame);
//爲側滑菜單設置佈局
       menu.setMenu(R.layout.leftmenu);
//把滑動菜單添加進所有的Activity中，可選值SLIDING_CONTENT， SLIDING_WINDOW
       menu.attachToActivity(this,SlidingMenu.SLIDING_CONTENT);

1、在Activity中通過SlidingMenu構造方法，直接設置側滑菜單

public class MainActivity extends Activity{ 
    @Override  
   protected void onCreate(BundlesavedInstanceState) {
        super.onCreate(savedInstanceState);
           setContentView(R.layout.activity_main);  
            SlidingMenu menu = new SlidingMenu(this);//初始化滑動菜單
        menu.setMode(SlidingMenu.LEFT);//設置觸摸屏幕的模式
        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);
        menu.setShadowWidthRes(R.dimen.shadow_width);//設置陰影的寬度
        menu.setShadowDrawable(R.drawable.shadow);//設置滑動菜單的陰影效果
        // 設置滑動菜單視圖的寬度
        menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
        // 設置漸入漸出效果的值
        menu.setFadeDegree(0.35f);
        /**
         *SLIDING_WINDOW will include the Title/ActionBar in the content
         *section of the SlidingMenu, while SLIDING_CONTENT does not.
         */
        // 把滑動菜單添加進所有的Activity中 
        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
        // 爲側滑菜單設置佈局  
      menu.setMenu(R.layout.leftmenu);
    }  
}  

2、通過把Activity繼承SlidingActivity 

a、繼承SlidingActivity

b、然後在onCreate中setBehindContentView(R.layout.leftmenu); 設置側滑菜單的佈局

c、通過getSlidingMenu()得到SlidingMenu對象，然後設置樣式  

public class MainActivity extends SlidingActivity  {  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
  
        setBehindContentView(R.layout.leftmenu);  
        // configure the SlidingMenu  
        SlidingMenu menu = getSlidingMenu();  
        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);  
        /** 
         * SLIDING_WINDOW will include the Title/ActionBar in the content 
         * section of the SlidingMenu, while SLIDING_CONTENT does not. 
         */  
        // menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);  
        // menu.setMenu(R.layout.leftmenu);  
    }  
}  

3、將SlidingMenu當作普通控件

可以把SlidingMenu作爲普通的view，然後在佈局中聲明。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:id="@+id/id_main_ly"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  
  
    <LinearLayout  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="30dp"  
        android:layout_marginTop="30dp" >  
  
  
        <com.jeremyfeinstein.slidingmenu.lib.SlidingMenu  
            xmlns:sliding="http://schemas.android.com/apk/res-auto"  
            android:id="@+id/slidingmenulayout"  
            android:layout_width="120dp"  
            android:layout_height="170dp"  
            android:background="#ffffffff"  
            sliding:behindOffset="0dp"  
            sliding:behindScrollScale="1"  
            sliding:fadeDegree="0.3"  
            sliding:fadeEnabled="true"  
            sliding:touchModeAbove="fullscreen"  
            sliding:viewAbove="@layout/pic" />  
    </LinearLayout>  
  
</RelativeLayout>  

 

pic佈局：

<?xml version="1.0" encoding="utf-8"?>  
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="120dp"  
    android:layout_height="170dp"  
    android:src="@drawable/zhy" />  

 

MainActivity：

package com.zhy.zhy_slidemenu_demo03;  
  
import android.app.Activity;  
import android.os.Bundle;  
import android.view.View;  
import android.view.View.OnClickListener;  
  
import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;  
  
public class MainActivity extends Activity  
{  
    private SlidingMenu mLeftMenu;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState)  
    {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
  
        mLeftMenu = (SlidingMenu) findViewById(R.id.slidingmenulayout);  
        // configure the SlidingMenu  
        // SlidingMenu menu = new SlidingMenu(this);  
        mLeftMenu.setMode(SlidingMenu.LEFT);  
        // 設置觸摸屏幕的模式  
        mLeftMenu.setShadowWidthRes(R.dimen.shadow_width);  
        mLeftMenu.setShadowDrawable(R.drawable.shadow);  
  
        mLeftMenu.setMenu(R.layout.leftmenu);  
  
        mLeftMenu.setOnClickListener(new OnClickListener()  
        {  
            @Override  
            public void onClick(View v)  
            {  
                if (mLeftMenu.isMenuShowing())  
                    mLeftMenu.toggle();  
            }  
        });  
        // 設置滑動菜單視圖的寬度  
        // 設置漸入漸出效果的值  
        /** 
         * SLIDING_WINDOW will include the Title/ActionBar in the content 
         * section of the SlidingMenu, while SLIDING_CONTENT does not. 
         */  
    }  
}  

4、SlidingMenu設置左右側滑菜單例子

上面3個方法，SlidingMenu的佈局中控件的事件都需要寫在Activity中，這樣代碼比較臃腫，一般會使用Fragment作爲側滑菜單的佈局容器。

核心代碼：

· 

 Fragment leftMenuFragment = new MenuLeftFragment();  
·          setBehindContentView(R.layout.left_menu_frame);  
·          getSupportFragmentManager().beginTransaction()  
·                  .replace(R.id.id_left_menu_frame, leftMenuFragment).commit();  
·          SlidingMenu menu = getSlidingMenu();  
·          menu.setMode(SlidingMenu.LEFT_RIGHT);  
·          // 設置觸摸屏幕的模式  
·          menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN); 

先給側滑菜單通過 setBehindContentView(R.layout.left_menu_frame); 設置一個佈局，此佈局中只有一個FrameLayout，然後使用FragmentManager將Fragment替換掉此Fragment，這樣這個 Fragment就作爲我們側滑菜單的佈局了，我們的事件處理代碼也可以寫在Fragement中，而不是Activity中。

MenuLeftFragment

package com.zhy.zhy_slidemenu_demo04;  
  
import java.util.Arrays;  
import java.util.List;  
  
import android.os.Bundle;  
import android.support.v4.app.Fragment;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.ArrayAdapter;  
import android.widget.ListAdapter;  
import android.widget.ListView;  
  
public class MenuLeftFragment extends Fragment  
{  
    private View mView;  
    private ListView mCategories;  
    private List<String> mDatas = Arrays  
            .asList("聊天", "發現", "通訊錄", "朋友圈", "訂閱號");  
    private ListAdapter mAdapter;  
  
    @Override  
    public View onCreateView(LayoutInflater inflater, ViewGroup container,  
            Bundle savedInstanceState)  {  
        if (mView == null)  {  
            initView(inflater, container);  
        }  
        return mView;  
    }  
  
    private void initView(LayoutInflater inflater, ViewGroup container)   {  
        mView = inflater.inflate(R.layout.left_menu, container, false);  
        mCategories = (ListView) mView  
                .findViewById(R.id.id_listview_categories);  
        mAdapter = new ArrayAdapter<String>(getActivity(),  
                android.R.layout.simple_list_item_1, mDatas);  
        mCategories.setAdapter(mAdapter);  
    }  
}  
MenuRightFragment
package com.zhy.zhy_slidemenu_demo04;  
  
import android.os.Bundle;  
import android.support.v4.app.Fragment;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
  
public class MenuRightFragment extends Fragment {  
    private View mView;  
  
    @Override  
    public View onCreateView(LayoutInflater inflater, ViewGroup container,  
            Bundle savedInstanceState) {  
        if(mView == null) {  
            mView = inflater.inflate(R.layout.right_menu, container, false);  
        }  
        return mView ;  
    }  
}  

MainActivity  

public class MainActivity extends SlidingFragmentActivity  {  
  
    private ViewPager mViewPager;  
    private FragmentPagerAdapter mAdapter;  
    private List<Fragment> mFragments = new ArrayList<Fragment>();  
  
    @Override  
    public void onCreate(Bundle savedInstanceState)  {  
        super.onCreate(savedInstanceState);  
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);  
        setContentView(R.layout.activity_main);  
        // 初始化SlideMenu  
        initRightMenu();  
        // 初始化ViewPager  
        initViewPager();  
    }  
  
    private void initViewPager()   {  
        mViewPager = (ViewPager) findViewById(R.id.id_viewpager);  
        MainTab01 tab01 = new MainTab01();  
        MainTab02 tab02 = new MainTab02();  
        MainTab03 tab03 = new MainTab03();  
        mFragments.add(tab01);  
        mFragments.add(tab02);  
        mFragments.add(tab03);  
        /** 
         * 初始化Adapter 
         */  
        mAdapter = new FragmentPagerAdapter(getSupportFragmentManager())  {  
            @Override  
            public int getCount()   {  
                return mFragments.size();  
            }  
  
            @Override  
            public Fragment getItem(int arg0)   {  
                return mFragments.get(arg0);  
            }  
        };  
        mViewPager.setAdapter(mAdapter);  
    }  
  
    private void initRightMenu()  {  
        Fragment leftMenuFragment = new MenuLeftFragment();  
        setBehindContentView(R.layout.left_menu_frame);  
        getSupportFragmentManager().beginTransaction()  
                .replace(R.id.id_left_menu_frame, leftMenuFragment).commit();  
        SlidingMenu menu = getSlidingMenu();  
        menu.setMode(SlidingMenu.LEFT_RIGHT);  
        // 設置觸摸屏幕的模式  
        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);  
        menu.setShadowWidthRes(R.dimen.shadow_width);  
        menu.setShadowDrawable(R.drawable.shadow);  
        // 設置滑動菜單視圖的寬度  
        menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);  
        // 設置漸入漸出效果的值  
        menu.setFadeDegree(0.35f);  
        // menu.setBehindScrollScale(1.0f);  
        menu.setSecondaryShadowDrawable(R.drawable.shadow);  
        //設置右邊（二級）側滑菜單  
        menu.setSecondaryMenu(R.layout.right_menu_frame);  
        Fragment rightMenuFragment = new MenuRightFragment();  
        getSupportFragmentManager().beginTransaction()  
                .replace(R.id.id_right_menu_frame, rightMenuFragment).commit();  
    }  
    public void showLeftMenu(View view)   {  
        getSlidingMenu().showMenu();  
    }  
    public void showRightMenu(View view)  {  
        getSlidingMenu().showSecondaryMenu();  
    }  
}  

MainActivity繼承的是SlidingFragmentActivity ，在Activity中FragmentPagerAdapter和viewPager作爲主佈局，然後分別初始化SlidingMenu的兩邊的菜單。