Android NavigationView：輕鬆實現側滑式導航菜單

Android NavigationView是Android官方推出的一個UI布局控件，用於實現側滑式導航菜單。通過NavigationView，我們可以輕鬆地實現一個優雅美觀的側滑菜單，而無需自己手動布局和渲染。

一、NavigationView的基本使用

要使用NavigationView，我們需要在xml布局文件中先定義一個DrawerLayout，然後將NavigationView作為其子控件。

<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--主內容區域-->
    <RelativeLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        ...

    </RelativeLayout>

    <!--側滑菜單區域-->
    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start">

        <!--菜單項-->
        <menu>

            <group android:checkableBehavior="single">
                <item
                    android:id="@+id/nav_menu1"
                    android:title="菜單項1" />
                <item
                    android:id="@+id/nav_menu2"
                    android:title="菜單項2" />
                <item
                    android:id="@+id/nav_menu3"
                    android:title="菜單項3" />
            </group>

        </menu>

    </android.support.design.widget.NavigationView>

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

其中，DrawerLayout控件是整個布局的根控件，主要分為主內容區域和側滑菜單區域兩部分，並通過layout_gravity屬性實現菜單區域在左側滑出。NavigationView控件則是側滑菜單的具體實現，可以添加自定義的菜單項或者分組，並且支持圖標和文本的顯示。

二、NavigationView的事件處理

當用戶點擊NavigationView中的某一菜單項時，我們可以通過設置NavigationItemSelectedListener來監聽事件，並在相應的回調方法中做出處理。

NavigationView navigationView = findViewById(R.id.nav_view);
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
        switch (menuItem.getItemId()) {
            case R.id.nav_menu1:
                //處理菜單項1的點擊事件
                break;
            case R.id.nav_menu2:
                //處理菜單項2的點擊事件
                break;
            case R.id.nav_menu3:
                //處理菜單項3的點擊事件
                break;
        }

        //關閉側滑菜單
        DrawerLayout drawerLayout = findViewById(R.id.drawer_layout);
        drawerLayout.closeDrawer(GravityCompat.START);

        return true;
    }
});

在回調方法中，我們可以根據菜單項的id來區分不同的點擊事件，並在相應的case中處理具體的邏輯。最後，我們需要手動關閉側滑菜單。

三、NavigationView與Toolbar的結合

在實際開發中，我們通常會將Toolbar作為ActionBar來使用，並且想要在側滑菜單中添加一個頭部布局來顯示用戶的基本信息（如頭像、用戶名等）。這時，我們可以使用NavigationView提供的addHeaderView方法來實現。

NavigationView navigationView = findViewById(R.id.nav_view);

//添加一個頭部布局
View headerView = LayoutInflater.from(this).inflate(R.layout.nav_header, null);
navigationView.addHeaderView(headerView);

//設置頭部布局中的控件（如頭像、用戶名等）的點擊事件
headerView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        //處理頭部布局的點擊事件
    }
});

//設置NavigationView中菜單項的點擊事件
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
        ...

        return true;
    }
});

//設置Toolbar為ActionBar
setSupportActionBar(toolbar);
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
    actionBar.setDisplayHomeAsUpEnabled(true);
    actionBar.setHomeAsUpIndicator(R.drawable.ic_menu);
}

通過addHeaderView方法，我們可以將一個自定義的布局文件添加到NavigationView中，並可以在回調方法中處理其控件的點擊事件。而對於Toolbar，則需要通過setSupportActionBar方法將其設置為ActionBar，並在其左上角添加一個默認的菜單圖標（即側滑菜單按鈕）。

四、NavigationView的高級使用

除了基本的使用方法外，NavigationView還提供了一些高級的用法，例如多級菜單、動態添加菜單項、添加自定義布局等。

1、多級菜單：可以通過添加子菜單來實現多級菜單的顯示。

<menu>

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_menu1"
            android:title="菜單項1" />
        <item
            android:id="@+id/nav_menu2"
            android:title="菜單項2">

            <!--子菜單1-->
            <menu>
                <item
                    android:id="@+id/nav_sub_menu1"
                    android:title="子菜單項1" />
                <item
                    android:id="@+id/nav_sub_menu2"
                    android:title="子菜單項2" />
                <item
                    android:id="@+id/nav_sub_menu3"
                    android:title="子菜單項3" />
            </menu>

        </item>
        <item
            android:id="@+id/nav_menu3"
            android:title="菜單項3" />
    </group>

</menu>

2、動態添加菜單項：可以在代碼中動態添加菜單項。

NavigationView navigationView = findViewById(R.id.nav_view);

//添加一個單獨的菜單項
Menu menu = navigationView.getMenu();
menu.add("單獨的菜單項");

3、添加自定義布局：可以在NavigationView中添加自定義的布局文件。

NavigationView navigationView = findViewById(R.id.nav_view);

//添加自定義的布局文件
View customView = LayoutInflater.from(this).inflate(R.layout.nav_custom_layout, null);
navigationView.addView(customView);

通過上述高級用法，我們可以更加靈活地使用NavigationView，並滿足更多的業務需求。