将底部标签栏中的图标用于原始图像

Question

[我正在使用android，并且我正在使用底部的标签栏导航，为此我在res / menu中为每个标签设置了不同的图标，但是它们呈现为白色图标，我希望将它们用作原始图标。我该怎么办？

布局部分

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        app:menu="@menu/bottom_nav_menu"
        app:itemBackground="@color/postToolbarcolor"
        app:itemIconTint="@android:color/white"
        app:itemTextColor="@android:color/white"
        >

    </com.google.android.material.bottomnavigation.BottomNavigationView>
</RelativeLayout>

AppTheme

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:splitMotionEvents">false</item>
    <item name="android:windowEnableSplitTouch">false</item>
</style>

Answer 1

使用材料成分库，BottomNavigationView使用的默认样式为Widget.MaterialComponents.BottomNavigationView。此样式使用此选择器为图标着色：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:alpha="1.0" android:color="?attr/colorPrimary" android:state_checked="true"/>
  <item android:alpha="0.6" android:color="?attr/colorOnSurface"/>
</selector>

您可以自定义样式

<style name="MyBottomNavigationView" parent="Widget.MaterialComponents.BottomNavigationView">
  <item name="itemIconTint">@color/custom_bottom_nav_item_tint</item>
</style>

或者您可以在布局中定义颜色/选择器：

  <com.google.android.material.bottomnavigation.BottomNavigationView
      app:itemIconTint="@color/custom_bottom_nav_item_tint"
      ../>