MaterialNavigationView-Android 使用教程

MaterialNavigationView-Android 使用教程

MaterialNavigationView-Android📱 Android Library to implement Rich, Beautiful, Stylish 😍 Material Navigation View for your project with Material Design Guidelines. Easy to use.项目地址:https://gitcode.com/gh_mirrors/ma/MaterialNavigationView-Android

项目介绍

MaterialNavigationView-Android 是一个用于实现符合 Material Design 规范的导航视图的 Android 库。该库基于 Google 的 Material Design 库构建，旨在为开发者提供一个简单易用的方式来创建丰富、美观的导航抽屉视图。

项目快速启动

1. 添加依赖

首先，在项目的 build.gradle 文件中添加以下依赖：

dependencies {
    implementation 'com.shreyaspatil:MaterialNavigationView:2.4.1'
}

2. 创建布局文件

在 res/layout 目录下创建一个新的布局文件 activity_main.xml，并添加 MaterialNavigationView：

<?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"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <com.shreyaspatil.material.navigationview.MaterialNavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:menu="@menu/navigation_menu" />
</androidx.drawerlayout.widget.DrawerLayout>

3. 创建菜单资源文件

在 res/menu 目录下创建一个新的菜单资源文件 navigation_menu.xml：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_home"
        android:icon="@drawable/ic_home"
        android:title="Home" />
    <item
        android:id="@+id/nav_settings"
        android:icon="@drawable/ic_settings"
        android:title="Settings" />
</menu>

4. 修改 Activity 文件

在 MainActivity.java 文件中设置 MaterialNavigationView：

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import com.shreyaspatil.material.navigationview.MaterialNavigationView;

public class MainActivity extends AppCompatActivity {
    private MaterialNavigationView navView;

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

        navView = findViewById(R.id.nav_view);
    }
}

应用案例和最佳实践

1. 动态改变菜单项样式

MaterialNavigationView 支持动态改变菜单项的样式。以下是一个示例代码，展示如何在选择菜单项时改变样式：

import android.view.MenuItem;
import androidx.appcompat.app.AppCompatActivity;
import com.shreyaspatil.material.navigationview.MaterialNavigationView;

public class MainActivity extends AppCompatActivity {
    private MaterialNavigationView navView;

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

        navView = findViewById(R.id.nav_view);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_default:
                navView.setItemStyle(MaterialNavigationView.ITEM_STYLE_DEFAULT);
                break;
            case R.id.action_round_rect:
                navView.setItemStyle(MaterialNavigationView.ITEM_STYLE_ROUND_RECTANGLE);
                break;
            case R.id.action_round_right:
                navView.setItemStyle(Material

MaterialNavigationView-Android📱 Android Library to implement Rich, Beautiful, Stylish 😍 Material Navigation View for your project with Material Design Guidelines. Easy to use.项目地址:https://gitcode.com/gh_mirrors/ma/MaterialNavigationView-Android