ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Android] Navigation menu
    Android 2022. 3. 12. 18:40

    이번에는 기본 프리셋으로 존재하는 네비게이션어쩌구를 분석했다.

    구성 요소를 커스터마이징하여 원하는 대로 바꿀 수 있다.

    강의가 몇 년 된 거라 그런지, 현재 버전과 다른 부분이 많았다.

    아무래도 알아서 찾아봐야 할 듯.

     

    검색해보니 Developers에 Navigation UI 구성요소에 대한 설명이 자세히 잘 나와 있다.

    그냥 여기에서 모르는 부분 찾아서 쓰면 될 것 같다!

    https://developer.android.com/guide/navigation/navigation-ui?hl=ko

     

    activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.drawerlayout.widget.DrawerLayout 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:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        tools:openDrawer="start">
    
        <include // navigarion view 포함시킴
            android:id="@+id/app_bar_main"
            layout="@layout/app_bar_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    
        <com.google.android.material.navigation.NavigationView // 네비게이션뷰
            android:id="@+id/nav_view"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:fitsSystemWindows="true"
            app:headerLayout="@layout/nav_header_main"
            app:menu="@menu/activity_main_drawer" />
    </androidx.drawerlayout.widget.DrawerLayout>

    include에 커서 뒀을 때
    네비게이션뷰에 커서 뒀을 때

    즉, 투명한 뷰 위에 네비게이션뷰를 더하는 것.

     

     위 메뉴 이름 및 아이콘은 activity_main_drawer.xml에서 수정 가능

     

     

     

    MainActivity.xml

    package com.example.navigationmenu;
    
    import android.os.Bundle;
    import android.view.View;
    import android.view.Menu;
    
    import com.google.android.material.snackbar.Snackbar;
    import com.google.android.material.navigation.NavigationView;
    
    import androidx.navigation.NavController;
    import androidx.navigation.Navigation;
    import androidx.navigation.ui.AppBarConfiguration;
    import androidx.navigation.ui.NavigationUI;
    import androidx.drawerlayout.widget.DrawerLayout;
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.navigationmenu.databinding.ActivityMainBinding;
    
    public class MainActivity extends AppCompatActivity {
    
        private AppBarConfiguration mAppBarConfiguration;
        private ActivityMainBinding binding;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) { // 앱 시작 시 실행
            super.onCreate(savedInstanceState);
    
            binding = ActivityMainBinding.inflate(getLayoutInflater());
            setContentView(binding.getRoot());
    
            setSupportActionBar(binding.appBarMain.toolbar); // 메일 버튼
            binding.appBarMain.fab.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                            .setAction("Action", null).show();
                    // Snackbar : Toast의 업그레이드 버전. 팝업 메시지 출력
                }
            });
            DrawerLayout drawer = binding.drawerLayout; // ctrl + click 
            NavigationView navigationView = binding.navView;
            // Passing each menu ID as a set of Ids because each
            // menu should be considered as top level destinations.
            mAppBarConfiguration = new AppBarConfiguration.Builder(
                    R.id.nav_home, R.id.nav_gallery, R.id.nav_slideshow)
                    .setOpenableLayout(drawer)
                    .build();
            NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment_content_main);
            NavigationUI.setupActionBarWithNavController(this, navController, mAppBarConfiguration);
            NavigationUI.setupWithNavController(navigationView, navController);
        }
    
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // Inflate the menu; this adds items  to the action bar if it is present.
            getMenuInflater().inflate(R.menu.main, menu);
            return true;
        } // 시작할 때 옵션메뉴 생성. main 확인해보자.
    
        @Override
        public boolean onSupportNavigateUp() {
            NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment_content_main);
            return NavigationUI.navigateUp(navController, mAppBarConfiguration)
                    || super.onSupportNavigateUp();
        }
    }

     

     

Designed by Tistory.