Android DrawerLayout

DrawerLayout

• Drawer는 서랍
• 화면에 나타나지 않다가 왼쪽에서 오른쪽으로 touch를 drag하면 나타난다
• 서랍처럼 열리는 메뉴화면과 메뉴를 열지 않았을 때 보이는 주화면으로 이루어져 있다
• 주화면은 DrawerLayout에 첫번째이고 layout_gravity 속성을 가지는 메뉴가 서랍메뉴가 된다
• 메뉴화면이 어느방향으로 열리고 닫힐지는 layout_gravity 속성으로 정의한다
• layout_gravity는 오로지 left, right만 지정할 수 있다
• Drawer의 너비는 고정값, 높이는 화면 높이와 같게 맞춘다

Dependencies 추가

dependencies {
    implementation "androidx.drawerlayout:drawerlayout:1.0.0"
}

Code

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <androidx.drawerlayout.widget.DrawerLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:textAlignment="center"
            android:textSize="50dp"
            android:background="#FFC19E"
            android:text="CONTENTS VIEW" />

        <TextView
            android:layout_width="200dp"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="50dp"
            android:textAlignment="center"
            android:text="DRAWER MENU"
            android:background="#86E57F"
            android:layout_gravity="left" />
    </androidx.drawerlayout.widget.DrawerLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

DrawerLayout function

• menu는 DrawerLayout
• 현재 왼쪽 메뉴화면이 열렸는지 체크 : menu.isDrawerOpen(Gravity.LEFT|Gravity.RIGHT);
• 왼쪽 메뉴화면 열기 : menu.openDrawer(Gravity.LEFT|Gravity.RIGHT) ;
• 왼쪽 메뉴화면 닫기 : menu.closeDrawer(Gravity.LEFT|Gravity.RIGHT) ;
• 메뉴화면 잠그기 : menu.setDrawerLockMode(true|false);