实现Android侧滑菜单:SlidingMenu

jopen 11年前

SlidingMenu是一个开源的Android库,使开发人员能够轻松地像那些在谷歌,油Tube和非死book应用程序中实现流现侧滑。
device-2013-10-28-142805-576x1024.png

Simple 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 Usage

If you decide to use SlidingMenu as a view, you can define it in your xml layouts like this:

<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 both behindOffset and behindWidth. You will get an exception if you try.

  • viewAbove - a reference to the layout that you want to use as the above view of the SlidingMenu
  • viewBehind - a reference to the layout that you want to use as the behind view of the SlidingMenu
  • touchModeAbove - an enum that designates what part of the screen is touchable when the above view is showing. Margin means only the left margin. Fullscreen means the entire screen. Default is margin.
  • behindOffset - a dimension representing the number of pixels that you want the above view to show when the behind view is showing. Default is 0.
  • behindWidth - a dimension representing the width of the behind view. Default is the width of the screen (equivalent to behindOffset = 0).
  • behindScrollScale - a float representing the relationship between the above view scrolling and the behind behind view scrolling. If set to 0.5f, the behind view will scroll 1px for every 2px that the above view scrolls. If set to 1.0f, the behind view will scroll 1px for every 1px that the above view scrolls. And if set to 0.0f, the behind view will never scroll; it will be static. This one is fun to play around with. Default is 0.25f.
  • shadowDrawable - a reference to a drawable to be used as a drop shadow from the above view onto the below view. Default is no shadow for now.
  • shadowWidth - a dimension representing the width of the shadow drawable. Default is 0.
  • fadeEnabled - a boolean representing whether or not the behind view should fade when the SlidingMenu is closing and "un-fade" when opening
  • fadeDegree - a float representing the "amount" of fade. 1.0f would mean fade all the way to black when the SlidingMenu is closed. 0.0f would mean do not fade at all.
  • selectorEnabled - a boolean representing whether or not a selector should be drawn on the left side of the above view showing a selected view on the behind view.
  • selectorDrawable - a reference to a drawable to be used as the selector NOTE : in order to have the selector drawn, you must call SlidingMenu.setSelectedView(View v) with the selected view. Note that this will most likely not work with items in a ListView because of the way that Android recycles item views.

项目主页:http://www.open-open.com/lib/view/home/1388325312328