NavigationView常用属性和基本使用

最新推荐文章于 2025-02-24 09:00:00 发布

原创最新推荐文章于 2025-02-24 09:00:00 发布 · 1.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#android #java

Android 实战效果记录专栏收录该内容

33 篇文章

订阅专栏

博客介绍了NavigationView的常用属性和基本使用。常用属性包括滑出方向、背景色等设置。还阐述了修改NavigationView中Menu的图标大小、文字大小、图标与文字间距的方法，最后给出了其在Java代码中的基本使用及所在布局文件。

NavigationView常用属性和基本使用

效果图：

在这里插入图片描述

常用属性：

android:layout_gravity : left/start表示从左边滑出，right表示从右边滑出

android:background：背景色（除header以外的背景色）

app:itemBackground：子背景色（每个子块的背景色）

app:headerLayout：设置头部布局

app:menu：设置选项菜单（menu文件下的menu文件）

app:itemTextColor：设置字体颜色（这里是在color文件下的一个<selector>）

app:itemTextAppearance：设置文字样式大小（style.xml中定义）

<com.google.android.material.navigation.NavigationView
    android:id="@+id/nv_sides_lip"
    android:layout_width="320dp"
    android:layout_height="match_parent"                                           
    android:layout_gravity="left"
    app:headerLayout="@layout/layout_sidelip"
    app:menu="@menu/menu_sidelip"
    app:itemTextColor="@color/nv_item_text"
    android:background="@drawable/bac_top_user"                                                       app:itemTextAppearance="@style/navigation_item_text_size"
    />

修改NavigationView中Menu的图标大小、文字大小、图标与文字间距的方法

1.修改 `图标大小`：

在style.xml中定义一个<dimen>，重写属性design_navigation_icon_size。xml文件头部需要导入tools

<dimen name="design_navigation_icon_size" tools:override="true">图标具体的大小</dimen>

2.修改 `文字大小`：

在style.xml中定义一个<style>

<style name="navigation_item_text_size">
    <item name="android:textSize">文字具体的大小</item>
</style>

3.修改图标与文字之间的间距：

在style.xml中定义一个<dimen>，重写属性design_navigation_icon_padding。xml文件头部需要导入tools

<dimen name="design_navigation_icon_padding" tools:override="true">具体间距大小</dimen>

基本使用（Java代码）：

private DrawerLayout dl_sides_lip; // 侧滑栏布局
private NavigationView nv_sides_lip;  // 侧滑栏内布局

dl_sides_lip = findViewById(R.id.dl_sideslip_layout);
nv_sides_lip = findViewById(R.id.nv_sides_lip);

// 设置监听器，NavigationView.OnNavigationItemSelectedListener接口
nv_sides_lip.setNavigationItemSelectedListener(this);

// 保留原 icon 的颜色，不然自己图标的颜色都不生效
nv_sides_lip.setItemIconTintList(null);

// 实现接口方法
/**
 * 侧滑栏中 NavigationView 的子项点击事件
 * @param menuItem 菜单子项
 * @return
 */
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
   switch (menuItem.getItemId()){
       case R.id.nv_about:
            Toast.makeText(getContext(),menuItem.getTitle().toString(),Toast.LENGTH_SHORT).show();
            // 关闭侧滑栏
            dl_sides_lip.closeDrawer(Gravity.LEFT);
            return true;
       case R.id.nv_1:
            Toast.makeText(getContext(),menuItem.getTitle().toString(),Toast.LENGTH_SHORT).show();
            dl_sides_lip.closeDrawer(Gravity.LEFT);
            return true;
       case R.id.nv_2:
            Toast.makeText(getContext(),menuItem.getTitle().toString(),Toast.LENGTH_SHORT).show();
            dl_sides_lip.closeDrawer(Gravity.LEFT);
            return true;
       default:
            break;
    }
   return false;
}

所在布局：

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/dl_sideslip_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".view.MainActivity">

    <!--    内容区-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

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

        <include layout="@layout/player" />
    </RelativeLayout>

    <!--    左边侧滑菜单区-->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nv_sides_lip"
        android:layout_width="350dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="@drawable/bac_1"
        app:headerLayout="@layout/layout_sidelip"
        app:itemTextAppearance="@style/navigation_item_text_size"
        app:itemTextColor="@color/nv_item_text"
        app:menu="@menu/menu_sidelip" />
</androidx.drawerlayout.widget.DrawerLayout>

layout_sidelip.xml

<?xml version="1.0" encoding="utf-8"?>
<!--侧滑栏NavigationView头部-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    >

    <!--圆形图片，第三方库-->
    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/civ_user_pic"
        android:layout_width="90dp"
        android:layout_height="90dp"
        android:src="@drawable/ig_2018"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"
        android:layout_centerVertical="true"
        app:civ_border_width="1dp"
        app:civ_border_color="#ebd299"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        android:text="Every little helps "
        android:layout_toRightOf="@+id/civ_user_pic"
        android:layout_centerVertical="true"
        android:layout_marginLeft="15dp"
        android:textColor="#FF82AB"
        android:textStyle="bold"
        />
</RelativeLayout>