Android SlidingMenu側滑選單使用介紹

lanximu的專欄發表於2014-09-16

現在很多android應用都有側滑選單,效果很不錯。

GitHub上有SlidingMenu的開源庫,使用起來很方便。

SlidingMenu GitHub地址:https://github.com/jfeinstein10/SlidingMenu。GitHub上說,Sliding結合ActionBarSherlock使用功能可以更豐富,ActionBarSherlock GitHub地址:https://github.com/JakeWharton/ActionBarSherlock

附csdn下載地址:

SlidingMenu: http://download.csdn.net/detail/lanximu/7922377

ActionBarsherlock: http://download.csdn.net/detail/lanximu/7922383

下面,介紹下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);//右側選單的陰影圖片

相關文章