DrawerLayout控件詳解

一、DrawerLayout側滑欄在下

在使用DrawerLayout控件的時候，一般會設計到側滑欄的位置，有些情況下需要把側滑欄放在下方。代碼如下：

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

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

        <!--主界面布局-->

    </RelativeLayout>

    <LinearLayout
        android:id="@+id/drawer"
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:layout_gravity="bottom"
        android:background="@android:color/white"
        android:orientation="vertical">

        <!--側滑欄布局-->

    </LinearLayout>

</android.support.v4.widget.DrawerLayout>

在這個例子中，使用了LinearLayout作為側滑欄，設置了布局的高度為250dp，設置了layout_gravity為bottom，即放置在底部。

二、DrawerLayout詳解

DrawerLayout控件在Android設計中使用非常廣泛且靈活，可以設計側滑欄、抽屜等功能。以下是一些DrawerLayout的基本用法介紹：

1、DrawerLayout的基本結構

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

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

        <!--主界面布局-->

    </RelativeLayout>

    <LinearLayout
        android:id="@+id/drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@android:color/white"
        android:orientation="vertical">

        <!--側滑欄布局-->

    </LinearLayout>

</android.support.v4.widget.DrawerLayout>

其中，DrawerLayout控件包括三個元素：主界面布局、側滑欄布局、DrawerLayout控件本身。

2、打開與關閉DrawerLayout

使用DrawerLayout控件時，要實現打開與關閉側滑欄，需要在Activity中編寫以下代碼：

// 打開側滑欄
mDrawerLayout.openDrawer(GravityCompat.START);

// 關閉側滑欄
mDrawerLayout.closeDrawer(GravityCompat.START);

其中，start為常量，表示側滑欄所在放置位置。

3、監聽DrawerLayout的打開與關閉事件

DrawerLayout控件支持監聽側滑欄打開與關閉的事件（如抽屜被打開、抽屜狀態改變等）。監聽DrawerLayout的打開與關閉事件，需要先設置Listener監聽器，代碼如下：

mDrawerLayout.setDrawerListener(new DrawerLayout.DrawerListener() {
    @Override
    public void onDrawerOpened(View view) {
        // 抽屜被打開
    }

    @Override
    public void onDrawerClosed(View view) {
        // 抽屜被關閉
    }

    @Override
    public void onDrawerSlide(View view, float v) {
        // 抽屜狀態改變
    }

    @Override
    public void onDrawerStateChanged(int i) {
        // 抽屜狀態改變
    }
});

4、使用Fragment替換主界面布局

使用Fragment替換主界面布局，可以使得主界面布局更加靈活。使用Fragment替換主界面布局的方法如下：

Fragment fragment = new MainFragment();

FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.replace(R.id.content_frame, fragment).commit();

其中，R.id.content_frame是主界面布局的ID。

三、layout

在Android開發中，layout是一個非常重要的概念。Layout用來設置布局，包括主界面布局、側滑欄布局等。在使用DrawerLayout時，需要注意layout參數。代碼如下：

<LinearLayout
    android:id="@+id/drawer"
    android:layout_width="240dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:background="@android:color/white"
    android:orientation="vertical">

    <!--側滑欄布局-->

</LinearLayout>

在這個例子中，設置了LinearLayout的寬度為240dp，高度為match_parent，也就是與DrawerLayout控件一樣高。同時，在布局中使用了layout_gravity參數，將側滑欄放置在左側（start），如下圖所示：