[Android] Bottom Navigation Bar 네비게이션 바 추가하기

이미 레이아웃이 어느정도 만들어져 있는 상태에서 하단 네비게이션을 추가해보도록 하겠다.

 

1. app > res > menu 위치에 네비게이션 요소로 넣을 아이템들을 미리 정의해준다.

 

 

2. 이미 만들어진 레이아웃(메인 화면)에 BottomNavigationView 위젯을 추가

 

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
    
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/bottom_navigation"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_menu"/>

 

 

3. 탭에서 각 요소들이 선택되었을 때 각각 띄울 화면을 설정

 

이 화면들은 activity가 아닌 fragment로 만들어야한다.

나는 기존 자바 클래스의 일부를 수정하여 Fragment 파일로 만들었다.

public class [이름] extends AppCompatActivity
-> public class [이름] extends Fragment