美文网首页
BottomNavigationView简单使用

BottomNavigationView简单使用

作者: ButICare_b72d | 来源:发表于2023-01-17 00:59 被阅读0次

一、目标效果

界面显示状态,titile与label都显示,且icon正常显示

二、布局代码

在布局文件中添加com.google.android.material.bottomnavigation.BottomNavigationView并加上对应属性

<com.google.android.material.bottomnavigation.BottomNavigationView

        android:id="@+id/navigation_home"

        android:layout_width="match_parent"

        android:layout_height="@dimen/nagivation_home"

        android:scrollbars="none"

        app:labelVisibilityMode="labeled"

        app:itemRippleColor="@null"

        app:itemTextColor="@color/black"

        android:theme="@style/Theme.AppCompat.Light.NoActionBar"

        android:background="?android:attr/windowBackground"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:menu="@menu/navigation_menu"

        />

三、新建navigation_menu.xml文件

<?xml version="1.0" encoding="utf-8"?>

    xmlns:app="http://schemas.android.com/apk/res-auto">

        android:id="@+id/menu_shop"

        android:icon="@drawable/selector_shop"

        android:title="商品"

        app:showAsAction="always|withText" />

        android:id="@+id/menu_cart"

        android:icon="@drawable/selector_cart"

        android:title="购物车"

        app:showAsAction="always|withText" />

        android:id="@+id/menu_message"

        android:icon="@drawable/selector_message"

        android:title="消息"

        app:showAsAction="always|withText" />

        android:id="@+id/menu_mine"

        android:icon="@drawable/selector_mine"

        android:title="我的"

        app:showAsAction="always|withText" />

四、Activity设置itemIconTintList为null

相关文章

网友评论

      本文标题:BottomNavigationView简单使用

      本文链接:https://www.haomeiwen.com/subject/prsthdtx.html