MaterialNavigationView-Android 使用教程

21 0 0

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

# 随笔