15. NavigationView 사용하기

네이게이션 드로어를 사용하기 위해서 네이게이션 뷰가 토대가 됩니다. 

NavigationView  구축해내는 내비게이션 드로어에는 헤더와 메뉴가 있습니다. 

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 메인 화면의 레이아웃을 자유롭게 구현합니다　-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@android:color/holo_blue_dark"/>

        </RelativeLayout>

    <!-- 내비게이션 드로어의 토대가 되는 NavigationView를 정의합니다　-->
    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@android:color/black"
        app:headerLayout="@layout/navigation_drawer_header"
        app:menu="@menu/navigation_drawer_menu_item"/>

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

app:headerLayot="@layout:navigation_drawer_header"  xml 파일을 지정해 줍니다.

헤더 부분은(navigation_drawer_header.xml) 개발자가 자유롭게 정의 하면 됩니다. 

메뉴는 res/menu 아래에 정의합니다 

헤더부분 

<?xml version="1.0" encoding="utf-8"?>

<!-- 헤더의 레이아웃을 자유롭게 구현합니다 　-->

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="180dp"
    android:background="@android:color/white">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/navigation_drawer_header_text"
        android:background="@android:color/background_light"
        android:textSize="24dp"
        android:textColor="@android:color/black"/>

</LinearLayout>

메뉴부분 

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <!-- 메인메뉴를 정의합니다　-->
    <item
        android:id="@+id/item1"
        android:icon="@android:drawable/ic_dialog_info"
        android:title="@string/menu_item_title1" />

    <item
        android:id="@+id/item2"
        android:icon="@android:drawable/ic_dialog_info"
        android:title="@string/menu_item_title2" />

    <!-- item 내에 menu를 중첩해 넣어 서브 메뉴를 정의합니다　-->
    <item
        android:title="@string/sub_menu_title">
        <menu android:checkableBehavior="single">
            <item
                android:id="@+id/sub_menu_item1"
                android:title="@string/sub_menu_item_title1" />
            <item
                android:id="@+id/sub_menu_item2"
                android:title="@string/sub_menu_item_title2" />
        </menu>
    </item>

</menu>

참고로 manifest 파일에서 앱테마가 NoActionBar로 설정해야 한다.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.advanced_android.navigationview">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/Theme.AppCompat.NoActionBar">

        <activity android:name=".MainActivity" android:configChanges="orientation|screenSize" android:screenOrientation="portrait">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>

</manifest>

public class MainActivity extends AppCompatActivity {

    DrawerLayout mDrawerLayout;
    Toolbar mToolbar;
    NavigationView mNavigationView;

    ActionBarDrawerToggle mDrawerToggle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //Toolbar 설정
        mToolbar = findViewById(R.id.toolbar);
        mDrawerLayout = findViewById(R.id.drawer_layout);
        mNavigationView = findViewById(R.id.navigation_view);

        setSupportActionBar(mToolbar);
        final ActionBar actionBar = getSupportActionBar();
        actionBar.setDisplayHomeAsUpEnabled(true); // 햄버거 아이콘 활성화

        mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {

                switch (item.getItemId()) {
                    case R.id.item1:
                        Toast.makeText(MainActivity.this, "xxxxx1", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.item2:
                        Toast.makeText(MainActivity.this, "xxxxx2", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.sub_menu_item1:
                        Toast.makeText(MainActivity.this, "xxxxx3", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.sub_menu_item2:
                        Toast.makeText(MainActivity.this, "xxxxx4", Toast.LENGTH_SHORT).show();
                        break;
                    default:
                        break;

                }


                return false;
            }
        });

        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.string.drawer_open, R.string.drawer_close);
        mDrawerToggle.setDrawerIndicatorEnabled(true);
        mDrawerLayout.setDrawerListener(mDrawerToggle);

    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if (mDrawerToggle.onOptionsItemSelected(item)) {
            return true;
        }

        switch (item.getItemId()) {
            case android.R.id.home:
                mDrawerLayout.openDrawer(GravityCompat.START);
                return true;
        }
        return super.onOptionsItemSelected(item);
    }

    @Override
    protected void onPostCreate(Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        mDrawerToggle.syncState();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        mDrawerToggle.onConfigurationChanged(newConfig);
    }

}