Android中很多產(chǎn)品(比如360手機助手、網(wǎng)易菜單...)都采用側(cè)滑菜單的展現(xiàn)形式,采用這種展現(xiàn)形式
1、能把更多的展現(xiàn)內(nèi)容都存放在菜單中
2、設計上也能體現(xiàn)出視覺效果
現(xiàn)在這種交互方式越來越流行了,雖然這種交互方式可以通過自定義組件的方式來實現(xiàn),但是用三方開源庫更簡單。
SlidingMenu:SlidingMenu的是一種比較新的設置界面或配置界面效果,在主界面左滑或者右滑出現(xiàn)設置界面,能方便的進行各種操作.目前有大量的應用都在使用這一效果。
地址:https://github.com/jfeinstein10/SlidingMenu.git
現(xiàn)在新建一個Android項目SlidingMenuDemo,
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" > <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="內(nèi)容" android:textSize="24sp" android:textColor="#000" android:gravity="center" /></RelativeLayout>
左邊的菜單activity_menu:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="fill_parent" android:layout_height="40dp" android:gravity="center" android:text="體育" android:textSize="16sp" android:textColor="#000" /> <TextView android:layout_width="fill_parent" android:layout_height="40dp" android:gravity="center" android:text="娛樂" android:textSize="16sp" android:textColor="#000" /> <TextView android:layout_width="fill_parent" android:layout_height="40dp" android:gravity="center" android:text="財經(jīng)" android:textSize="16sp" android:textColor="#000" /> <TextView android:layout_width="fill_parent" android:layout_height="40dp" android:gravity="center" android:text="科技" android:textSize="16sp" android:textColor="#000" /> <TextView android:layout_width="fill_parent" android:layout_height="40dp" android:gravity="center" android:text="杭州" android:textSize="16sp" android:textColor="#000" /></LinearLayout>
MainActivity.java:
package com.example.slidingmenudemo;import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;import android.os.Bundle;import android.view.Window;import android.app.Activity;public class MainActivity extends SlidingFragmentActivity {private SlidingMenu sm;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);// 1 設置滑動菜單旁邊的頁面setBehindContentView(R.layout.activity_menu);setContentView(R.layout.activity_main);//2 獲取滑動菜單sm = getSlidingMenu();//3 設置左滑菜單sm.setMode(SlidingMenu.LEFT);// 4 設置滑動菜單出來之后,內(nèi)容頁剩余的寬度sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);// 6 設置陰影sm.setShadowDrawable(R.drawable.shadow);sm.setShadowWidthRes(R.dimen.shadow_width);}}注意Activity一定要繼承SlidingFragmentActivity。
現(xiàn)在看看SlidingMenu一些屬性:
menu.setMode(SlidingMenu.LEFT);//設置左滑菜單menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//設置滑動的屏幕范圍,該設置為全屏區(qū)域都可以滑動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();//動態(tài)判斷自動關閉或開啟SlidingMenumenu.showMenu();//顯示SlidingMenumenu.showContent();//顯示內(nèi)容
左右都可以劃出SlidingMenu菜單只需要設置
menu.setMode(SlidingMenu.LEFT_RIGHT);屬性,然后設置右側(cè)菜單的布局文件menu.setSecondaryShadowDrawable(R.drawable.shadowright);//右側(cè)菜單的陰影圖片
設置SlidingMenu屬性
sm = getSlidingMenu();//如果只顯示左側(cè)菜單就是用LEFT,右側(cè)就RIGHT,左右都支持就LEFT_RIGHTsm.setMode(SlidingMenu.LEFT_RIGHT);//設置菜單滑動模式,菜單是出現(xiàn)在左側(cè)還是右側(cè),還是左右兩側(cè)都有sm.setShadowDrawable(R.drawable.shadow);//設置陰影的圖片資源sm.setShadowWidthRes(R.dimen.shadow_width);//設置陰影圖片的寬度//sm.setBehindWidth(200);//設置菜單的寬sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);//SlidingMenu劃出時主頁面顯示的剩余寬度sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//設置滑動的區(qū)域
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
圖片精選