美文网首页
Android 去掉BottomNavigationView图标

Android 去掉BottomNavigationView图标

作者: hao_developer | 来源:发表于2021-10-09 11:32 被阅读0次

只要设置item的2个样式修改 一下字体大小就行了,即可直接上代码:

  app:itemTextAppearanceActive="@style/bottom_selected_text"
  app:itemTextAppearanceInactive="@style/bottom_normal_text"

如:在布局文件中添加的样式如下

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/naviBtn"
        android:layout_width="0dp"
        android:layout_height="45dp"
        android:background="@color/white"
        app:itemBackground="@null"
        app:itemHorizontalTranslationEnabled="false"
        app:itemIconSize="22dp"
        app:itemTextAppearanceActive="@style/bottom_selected_text"
        app:itemTextAppearanceInactive="@style/bottom_normal_text"
        app:itemTextColor="@color/nav_tab_txt_select_color"
        app:labelVisibilityMode="labeled"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/navigation_menu" />

style部分:

<!--颜色可以自定义-->
<color name="font_hint">#989898</color>
<color name="colorPrimary">#3F51B5</color>

<!--没有选中的样式-->
    <style name="bottom_normal_text">
        <item name="android:textColor">@color/font_hint</item>
        <item name="android:textSize">14sp</item>
    </style>
<!--选中的样式-->
    <style name="bottom_selected_text">
        <item name="android:textColor">@color/colorPrimary</item>
        <item name="android:textSize">14sp</item>
    </style>

相关文章

网友评论

      本文标题:Android 去掉BottomNavigationView图标

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