首页 > 解决方案 > 底部导航视图图标颜色不准确

问题描述

如标题所示,底部导航图标的颜色不准确,我以为是我的眼睛在玩我所以我将背景设置为完全相同的颜色代码,截图,在photoshop中检查颜色:

这是颜色测试的图片

下面是背景和图标的颜色代码:

<color name="colorNavigationIconSelected">#FFEB3B</color>
<color name="colorBackground">#FFEB3B</color>

以及包含底部导航视图的布局代码:

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.bottomnavigation.BottomNavigationView
    app:labelVisibilityMode="labeled"
    android:id="@+id/nav_view"
    android:layout_width="0sp"
    android:layout_height="wrap_content"
    android:layout_marginStart="0sp"
    android:layout_marginEnd="0sp"
    android:background="@color/colorNavigationBar"
    app:itemIconTint="@color/bottom_nav_icon_color_selector"
    app:itemTextColor="@color/bottom_nav_icon_color_selector"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/bottom_nav_menu" />

<androidx.fragment.app.FragmentContainerView
    android:id="@+id/nav_host_fragment"
    android:name="androidx.navigation.fragment.NavHostFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:defaultNavHost="true"
    app:layout_constraintBottom_toTopOf="@id/nav_view"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:navGraph="@navigation/mobile_navigation" />
<include layout="@layout/loading_layout"/> 
</androidx.constraintlayout.widget.ConstraintLayout>

(包含布局可见性设置为“消失”,所以我认为这不应该影响)

底部导航视图颜色选择器的代码:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="@color/colorNavigationIconSelected" />
    <item android:state_pressed="true" android:state_enabled="true" android:color="@color/colorNavigationIconHold" />
    <item android:color="@color/colorNavigationIconNotSelected" />
</selector>

样式代码:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="android:windowBackground">@color/colorBackground</item>
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="colorButtonNormal">@color/colorButton</item>
    <item name="android:textColorPrimary">@color/colorText</item>
    <item name="android:textColorSecondary">@color/colorText</item>
    <item name="android:textColorTertiary">@color/colorText</item>
    <item name="android:textColorHint">@color/colorHintText</item>
    <item name="android:fontFamily">@font/jipatharegular</item>
</style>

有什么方法可以使图标的颜色准确吗?

标签: androidbottomnavigationview

解决方案


推荐阅读