DrawerLayout

使用注意事項:

  • 主內容視圖一定要是DrawerLayout的第一個子視圖
  • 主內容視圖寬度和高度需要match_parent
  • 必須顯示指定側滑視圖的android:layout_gravity屬性android:layout_gravity = "start"時,從左向右滑出菜單;android:layout_gravity = "end"時,從右向左滑出菜單,不推薦使用left和right!!!
  • 側滑視圖的寬度以dp為單位,不建議超過320dp(為了總能看到一些主內容視圖)
  • 設置側滑時間:mDrawerLayout.setDrawerListener(DrawerLayout.DrawerListener);
  • 可以結合Toolbar使用當用戶點擊Toolbar上的應用圖標,彈出側滑菜單

DrawerLayout分為側邊菜單和主內容區兩部分,側邊菜單可以根據手勢展開與隱藏,主內容區的部分可以隨著菜單的點擊而變化(需要自己實現)。

DrawerLayout其實是一個布局控件,跟LinearLayout等控件是一個東西,但是DrawerLayout帶有滑動的功能。

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

<android.support.v4.widget.DrawerLayout        
xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <!-- 主要內容的視圖-->
    <!-- main content must be the first element of DrawerLayout because it will be drawn first and drawer must be on top of it -->

    <FrameLayout            android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <!-- 導航菜單 -->

    <ListView            android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="#111"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />
</android.support.v4.widget.DrawerLayout>    
</RelativeLayout>

DrawerLayout的第一個子元素是主要內容,即抽屜沒有打開時顯示的布局。這里采用了一個Fragment,里面什么也沒有放。

DrawerLayout的第二個子元素是抽屜中的內容,即抽屜布局,這里采用了一個ListView。

添加監聽器
  1. 設置DrawerLayout.DrawerListener作為監聽器,里面包含四個回調函數
mDrawerLayout.setDrawerListener(new DrawerListener() {
/**
* 當抽屜滑動狀態改變的時候被調用
* 狀態值是STATE_IDLE(閑置-0),STATE_DRAGGING(拖拽-1),STATE_SETTLING(固定-2)中之一。
* 抽屜打開的時候,點擊抽屜,drawer的狀態就會變成STATE_DRAGGING,然后變成STATE_IDLE
*/
@Override
public void onDrawerStateChanged(int arg0) {
}
/**
* 當抽屜被滑動的時候調用此方法
* arg1 表示 滑動的幅度(0-1)
*/
@Override
public void onDrawerSlide(View arg0, float arg1) {
}
/** 
* 當一個抽屜被完全打開的時候被調用
*/
@Override
public void onDrawerOpened(View arg0) {
}
//當一個抽屜完全關閉的時候調用此方法
@Override
public void onDrawerClosed(View arg0) {
}
});
  1. 設置DrawerListener的子類SimpleDrawerListener,使用這個類的時候不必實現全部的回調函數,可以根據自己的需要重寫相應的方法。
mDrawerLayout.setDrawerListener (new DrawerLayout.SimpleDrawerListener() {
@Override
public void onDrawerClosed(View drawerView) {
}
@Override
public void onDrawerOpened(View drawerView) {
}
});

參考
android組件之DrawerLayout(抽屜導航)-- 側滑菜單效果

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容