下載libary

導包

• 將所下載的libary包匯入到專案中（該地址下的工具包支援Eclipse）

建立自己的專案

• 在這提供兩種方式來使用SlidingMenu
• 第一種寫法—直接例項化SlidingMenu，邏輯一般實現在activity中

    private void initSlidingMenu() {
        // 初始化SlidingMenu物件
        SlidingMenu menu = new SlidingMenu(this);
        // 設定側滑方式為左側側滑
        menu.setMode(SlidingMenu.LEFT);
        /*
         * 設定拖拽模式 SlidingMenu.TOUCHMODE_FULLSCREEN全屏觸控有效
         * SlidingMenu.TOUCHMODE_MARGIN 拖拽邊緣有效 SlidingMenu.TOUCHMODE_NONE
         * 不響應觸控事件
         */
        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
        // 設定陰影的寬度
        menu.setShadowWidthRes(R.dimen.shadow_width);
        // 設定陰影的圖片
        menu.setShadowDrawable(R.drawable.shadow);
        // 設定sldingMenu的剩餘大小---=內容顯示頁對應的dp大小
        menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
        // 設定滑動時的漸變程度
        menu.setFadeDegree(0.35
 
f);
        // 使SlidingMenu附加在Activity右邊
        // SlidingMenu.SLIDING_CONTENT 將側滑欄設定為在內容位置
        // SlidingMenu.SLIDING_WINDOW 將側滑欄設定為在整個視窗呈現
        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
        // 設定SlidingMenu關聯的佈局
        menu.setMenu(R.layout.menu);
        // 在SlidingMenu關聯佈局中查詢控制元件
        TextView tv_test = (TextView) menu.findViewById(R.id.tv_test);
        // 簡單設定SlidingMenu介面顯示內容
        tv_test.setText("haha"
 
);
    }

• 相關聯的dimen配置

<resources>


    <dimen name="shadow_width">16dp</dimen>
    <dimen name="slidingmenu_offset">160dp</dimen>

</resources>

• 第二種寫法—讓類繼承SlidingFragmentActivity或其他Sliding型別的Activity

  這種寫法可以單獨將SlidingMenu要展示的內容抽取出來，放到某一個Fragment中去處理

  • 程式碼演示

public class MainActivity extends SlidingFragmentActivity {

    private SlidingMenu slidingMenu;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        // 內容頁佈局
        setContentView(R.layout.activity_main);
        // 設定側拉條目佈局
        setBehindContentView(R.layout.menu_frame);
        // 獲取側拉欄目物件
        slidingMenu = getSlidingMenu();

        /*
         * SlidingMenu.TOUCHMODE_FULLSCREEN全屏觸控有效 SlidingMenu.TOUCHMODE_MARGIN
         * 拖拽邊緣有效 SlidingMenu.TOUCHMODE_NONE 不響應觸控事件
         */
        slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);

        // 設定內容顯示頁對應的dp大小
        slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
        // //設定左側側拉欄目寬度
        // slidingMenu.setBehindWidth(140);
        // 設定側拉欄目所在位置
        /*
         * SlidingMenu.LEFT SlidingMenu.LEFT_RIGHT SlidingMenu.RIGHT
         */
        slidingMenu.setMode(SlidingMenu.LEFT);
        // 給側拉欄目和左側內容頁區分開(加線)
        slidingMenu.setShadowDrawable(R.drawable.shadow);
        // 設定線的寬度
        slidingMenu.setShadowWidthRes(R.dimen.shadow_width);

        // fragment去替換佈局中節點
        MenuFragment menuFragment = new MenuFragment();
        // FragmentManager管理者
        getSupportFragmentManager()
        // 開啟事物
        .beginTransaction()
        // 通過fragment去替換對應佈局
        .replace(R.id.menu, menuFragment, "MENU")
        // 提交事物
        .commit();
    }

• MenuFragment程式碼

public class MenuFragment extends Fragment {
    private ListView listView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.menu_layout, container, false);
        listView = (ListView) view.findViewById(R.id.lv);
        return view;
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        ArrayList<String> strList = new ArrayList<String>();
        for (int i = 0; i < 10; i++) {
            strList.add("第" + i + "個條目");
        }
        // 設定資料介面卡
        listView.setAdapter(new ArrayAdapter<String>(getActivity(),
                android.R.layout.simple_list_item_1, strList));
    }

}

• 佈局配置
  
  • activity_main 的佈局配置

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

</RelativeLayout>

• menu_frame的配置

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

    <FrameLayout
        android:id="@+id/menu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </FrameLayout>

</LinearLayout>

• memu_layout的佈局配置

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

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

SlidingMenu和ViewPager的衝突處理

• 當介面使用viewPager來填充的時候，會出現一個問題，不管在什麼位置，我們都能夠將SlidingMenu拖拽出來，影響了ViewPager的正常滑動，我們可能會要求只有在第一頁的時候，能夠將SlidingMenu拖拽出來，其他時候，可以在最邊緣位置，或者根本不拖拽出來。這裡需要設定這樣的程式碼

• // 設定ViewPager的監聽事件
  viewPager.setOnPageChangeListener(new OnPageChangeListener() {

      @Override
      public void onPageSelected(int arg0) {
          // 噹噹天條目是0的時候，設定可以在任意位置拖拽出SlidingMenu
          if (arg0 == 0) {
              getSlidingMenu().setTouchModeAbove(
                      SlidingMenu.TOUCHMODE_FULLSCREEN);
          } else {
              // 當在其他位置的時候，設定不可以拖拽出來(SlidingMenu.TOUCHMODE_NONE)，或只有在邊緣位置才可以拖拽出來TOUCHMODE_MARGIN
              getSlidingMenu().setTouchModeAbove(
                      SlidingMenu.TOUCHMODE_NONE);
          }
      }
  
      @Override
      public void onPageScrolled(int arg0, float arg1, int arg2) {
          // TODO Auto-generated method stub
  
      }
  
      @Override
      public void onPageScrollStateChanged(int arg0) {
  
      }
  });
  

  `

左右滑動的SlidingMenu

• 程式碼

package com.example.slidingmenu;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.Window;

import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;

public class MainActivity extends SlidingFragmentActivity {

    private SlidingMenu slidingMenu;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        // 內容頁佈局
        setContentView(R.layout.content);
        // 設定側拉條目佈局
        setBehindContentView(R.layout.menu_frame);
        // 獲取側拉欄目物件
        slidingMenu = getSlidingMenu();

        /*
         * SlidingMenu.TOUCHMODE_FULLSCREEN全屏觸控有效 SlidingMenu.TOUCHMODE_MARGIN
         * 拖拽邊緣有效 SlidingMenu.TOUCHMODE_NONE 不響應觸控事件
         */
        slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);

        // 設定內容顯示頁對應的dp大小
        slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
        // //設定左側側拉欄目寬度
        // slidingMenu.setBehindWidth(140);
        // 設定側拉欄目所在位置
        /*
         * SlidingMenu.LEFT SlidingMenu.LEFT_RIGHT SlidingMenu.RIGHT
         */
        slidingMenu.setMode(SlidingMenu.LEFT_RIGHT);
        // 給側拉欄目和左側內容頁區分開(加線)
        slidingMenu.setShadowDrawable(R.drawable.shadow);
        // 設定線的寬度
        slidingMenu.setShadowWidthRes(R.dimen.shadow_width);

        // fragment去替換佈局中節點
        MenuFragment menuFragment = new MenuFragment();
        // FragmentManager管理者
        getSupportFragmentManager()
        // 開啟事物
                .beginTransaction()
                // 通過fragment去替換對應佈局
                .replace(R.id.menu, menuFragment, "MENU")
                // 提交事物
                .commit();

        slidingMenu.setSecondaryMenu(R.layout.menu_frame_right);
        // 設定右側分割線的圖片
        slidingMenu.setSecondaryShadowDrawable(R.drawable.shadow);

        RightMenuFragment rightMenuFragment = new RightMenuFragment();
        // FragmentManager管理者
        getSupportFragmentManager()
        // 開啟事物
                .beginTransaction()
                // 通過fragment去替換對應佈局
                .replace(R.id.menu_right, rightMenuFragment, "MENU_RIGHT")
                // 提交事物
                .commit();
    }

    // 當前類中做替換當前顯示內容介面的操作
    public void switchFragment(Fragment fragment) {
        if (fragment != null) {
            getSupportFragmentManager().beginTransaction()
                    .replace(R.id.content_frame, fragment, "HOME").commit();
            // 縮回(點選彈出左側側拉欄目)
            slidingMenu.toggle();
        }
    }

}

• 佈局content.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/content_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
</FrameLayout>

• 佈局menu_frame_right.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/menu_right"
    android:layout_width="match_parent"
    android:background="#00ff00"
    android:layout_height="match_parent" >
</FrameLayout>

• 佈局 menu_frame.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/menu"
    android:layout_width="match_parent"
    android:background="#ff0000"
    android:layout_height="match_parent" >
</FrameLayout>

• dimens 配置

<resources>

    <!-- Default screen margins, per the Android Design guidelines. -->
     <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
    <dimen name="slidingmenu_offset">180dp</dimen>
    <dimen name="list_padding">10dp</dimen>
    <dimen name="shadow_width">5dp</dimen>


</resources>