【安卓初步】给侧滑栏增加效果

在这里插入图片描述
在这里插入图片描述

修改NavigationView

<com.google.android.material.navigation.NavigationView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/m_nav"
            android:layout_gravity="start"
            app:menu="@menu/menu_nav"
            app:itemTextColor="@color/nav_item_color"
            app:itemIconTint="@color/nav_item_color"
            app:headerLayout="@layout/header_nav"
            />
            

item新加了icon,并设置其只能单点

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/item_nav_1"
            android:title="aaa"
            android:icon="@drawable/f_static_056"/>
        <item
            android:id="@+id/item_nav_2"
            android:title="bbb"
            android:icon="@drawable/f_static_057"/>
        <item
            android:id="@+id/item_nav_3"
            android:title="ccc"
            android:icon="@drawable/f_static_058"/>
        <item
            android:id="@+id/item_nav_4"
            android:title="ddd"
            android:icon="@drawable/f_static_059"/>
    </group>

</menu>

itemTextColor为侧栏条目文字的颜色
itemIconTint为icon的颜色

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#aaa" android:state_checked="false"/>
<item android:color="#15D3DA" android:state_checked="true"/>
</selector>

headerLayout为侧滑出的上面部分

<?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="200dp"
    android:gravity="center">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/aaa"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="aaaaaaaaa"
        android:textSize="25dp"/>
    

</LinearLayout>

(安卓初步)使用DrawerLayout,Toolbar,NavigationView,实现简单的侧滑效果

发布了136 篇原创文章 · 获赞 18 · 访问量 4186

猜你喜欢

转载自blog.csdn.net/xcdq_aaa/article/details/105101086