1 BottomNavigationView底部导航栏

1 整体逻辑图

2 主布局activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

<!-- itemIconTint 是被点击的图标时的颜色改变
     itemTextColor是被点击时文字的改变 -->
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:itemIconTint="@drawable/navigation_bar_color"
        app:itemTextColor="@drawable/navigation_bar_color"
        app:menu="@menu/my_navigation_items"
        />

</androidx.constraintlayout.widget.ConstraintLayout>

3 @menu/my_navigation_items

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@+id/home"
              android:icon="@mipmap/home_normal"
              android:title="首页"/>

    <item android:id="@+id/selected"
        android:icon="@mipmap/select_normal"
        android:title="精选"/>

    <item android:id="@+id/red_packet"
        android:icon="@mipmap/red_packet_normal"
        android:title="特惠"/>

    <item android:id="@+id/search"
        android:icon="@mipmap/search_normal"
        android:title="搜索"/>

</menu>

4 点击时的颜色改变@drawable/navigation_bar_color

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--点击选项的颜色改变,注意:被选中的一定要放在默认的上面-->
    <item android:color="@color/colorPrimaryDark" android:state_checked="true"/>
    <item android:color="@color/colorGrey"/>
</selector>

5 显示图