快捷導(dǎo)航

Android開(kāi)源組件SlidingMenu側(cè)滑菜單使用介紹

更新時(shí)間：2015年01月20日 16:50:34 投稿：junjie

這篇文章主要介紹了Android開(kāi)源組件SlidingMenu側(cè)滑菜單使用介紹,本文給出了SlidingMenu的項(xiàng)目地址、使用代碼、使用配置、常用的一些屬性設(shè)置中文注解等內(nèi)容,需要的朋友可以參考下

現(xiàn)在很多android應(yīng)用都有側(cè)滑菜單，效果很不錯(cuò)。

GitHub上有SlidingMenu的開(kāi)源庫(kù)，使用起來(lái)很方便。

SlidingMenu GitHub地址：https://github.com/jfeinstein10/SlidingMenu。GitHub上說(shuō)，Sliding結(jié)合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到本地，解壓縮，得到其中的一個(gè)文件夾，library。

（2）Eclipse import Existing Android Code Into Workspace。點(diǎn)擊項(xiàng)目右鍵 properties->Android，可以看到，其 Is Library。

（3）在將使用SlidingMenu的項(xiàng)目上點(diǎn)擊右鍵 properties->Android，Library下將（2）導(dǎo)入的項(xiàng)目add進(jìn)去。

（4）為保證SlidingMenu庫(kù)應(yīng)用到項(xiàng)目中成功，必須保證項(xiàng)目使用的libs和SlidingMenu庫(kù)使用的libs版本一致，主要是指android-support-v4.jar。如果項(xiàng)目libs不存在或編譯不通過(guò)，可以嘗試新建libs文件夾，并置入android-support-v4.jar。在libs上右鍵->Build Path->Use as Source。一般可以解決。

（5）第（4）步之后，便可以在項(xiàng)目中直接使用SlidingMenu。

Java代碼：

MainActivity:

復(fù)制代碼代碼如下:

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:

復(fù)制代碼代碼如下:

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

對(duì)于SlidingMenu常用的一些屬性設(shè)置記錄如下：

menu.setMode(SlidingMenu.LEFT);//設(shè)置左滑菜單
menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//設(shè)置滑動(dòng)的屏幕范圍，該設(shè)置為全屏區(qū)域都可以滑動(dòng)
menu.setShadowDrawable(R.drawable.shadow);//設(shè)置陰影圖片
menu.setShadowWidthRes(R.dimen.shadow_width);//設(shè)置陰影圖片的寬度
menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);//SlidingMenu劃出時(shí)主頁(yè)面顯示的剩余寬度
menu.setBehindWidth(400);//設(shè)置SlidingMenu菜單的寬度
menu.setFadeDegree(0.35f);//SlidingMenu滑動(dòng)時(shí)的漸變程度
menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);//使SlidingMenu附加在Activity上
menu.setMenu(R.layout.menu_layout);//設(shè)置menu的布局文件
menu.toggle();//動(dòng)態(tài)判斷自動(dòng)關(guān)閉或開(kāi)啟SlidingMenu
menu.showMenu();//顯示SlidingMenu
menu.showContent();//顯示內(nèi)容
menu.setOnOpenListener(onOpenListener);//監(jiān)聽(tīng)slidingmenu打開(kāi)

menu.setOnOpenedListener(onOpenedlistener);監(jiān)聽(tīng)slidingmenu打開(kāi)后

menu.OnCloseListener(OnClosedListener);//監(jiān)聽(tīng)slidingmenu關(guān)閉時(shí)事件

menu.OnClosedListener(OnClosedListener);//監(jiān)聽(tīng)slidingmenu關(guān)閉后事件

左右都可以劃出SlidingMenu菜單只需要設(shè)置
menu.setMode(SlidingMenu.LEFT_RIGHT);屬性，然后設(shè)置右側(cè)菜單的布局文件
menu.setSecondaryMenu(R.layout.menu_fram2);//設(shè)置右側(cè)菜單

menu.setSecondaryShadowDrawable(R.drawable.shadowright);//右側(cè)菜單的陰影圖片

您可能感興趣的文章: