반응형

이번 시간에는 DrawerLayout의 정리한 자료를 바탕으로 앱을 만들어보았다.

아래 게시물의 내용이 포함된 앱을 만들었다.

 

[안드로이드 스튜디오 정리#1] Layout

이 게시물은 다음 링크를 참조하여 학습했습니다. 안드로이드 레이아웃 (Android Layout) 1. 안드로이드 Layout 클래스 안드로이드 Layout 클래스는 View 위젯들을 화면에 배치하는 과정에서, 위젯의 위치

seminzzang.tistory.com

 

 

[안드로이드 스튜디오 정리#1-5] DrawerLayout

이 게시물은 다음 링크를 참조하여 학습했습니다. 안드로이드 드로어레이아웃. (Android DrawerLayout) 1. 화면의 특정 영역에서 동적으로 열리고, 닫히는 사용자 인터페이스. 통상적으로, "안드로이

seminzzang.tistory.com

 

xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    android:orientation="vertical"
    tools:context=".MainActivity">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/btn_open"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:text="OPEN"
            />
        <Button
            android:id="@+id/btn_close"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="3dp"
            android:text="CLOSE"
            />
    </LinearLayout>
 
    <androidx.drawerlayout.widget.DrawerLayout
        android:id="@+id/drawer"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:id="@+id/tv_contents"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="CONTENTS"
            android:background="#FFEB3B"
            android:textSize="40dp"
            android:gravity="center"
            />
        <TextView
            android:id="@+id/tv_drawer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="DRAWER"
            android:background="#64BCD4"
            android:textSize="40dp"
            android:gravity="center"
            android:layout_gravity="left"
            />
    </androidx.drawerlayout.widget.DrawerLayout>
 
</LinearLayout>
cs

java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
package com.example.test5;
 
import androidx.appcompat.app.AppCompatActivity;
import androidx.drawerlayout.widget.DrawerLayout;
 
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
 
public class MainActivity extends AppCompatActivity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        Button btn_open = (Button)findViewById(R.id.btn_open);
        Button btn_close = (Button)findViewById(R.id.btn_close);
 
        TextView tv_contents = (TextView)findViewById(R.id.tv_contents);
        TextView tv_drawer = (TextView)findViewById(R.id.tv_drawer);
 
        DrawerLayout drawer = (DrawerLayout)findViewById(R.id.drawer);
 
        btn_open.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(!drawer.isDrawerOpen(Gravity.LEFT)){
                    drawer.openDrawer(Gravity.LEFT);
                }
            }
        });
        btn_close.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(drawer.isDrawerOpen(Gravity.LEFT)){
                    drawer.closeDrawers();
                }
            }
        });
    }
}
cs

기존에 배운 내용 외에 추가된 내용은 [안드로이드 스튜디오 정리#1-5]의 내용처럼 xml파일에서 layout_gravity값을 설정했다.

isDrawerOpen() 함수를 이용해서 Drawer가 열려있는지 판별하고 열려있으면 닫는, 닫혀있으면 여는 기능을 구현했다.

DrawerLayout - CONTENTS
DrawerLayout - DRAWER

반응형

+ Recent posts