Android BottomNavigationView色调图标颜色

时间:2017-07-30 06:53:27

标签: android bottomnavigationview

我正在使用BottomNavigationView并且我设置了这样的颜色:

<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="@dimen/bottom_navigation_height"
    app:itemBackground="@color/white"
    app:itemIconTint="@color/bottom_bar_item_selector"
    app:itemTextColor="@color/bottom_bar_item_selector"
    app:menu="@menu/bottom_navigation_main" />

@ color / bottom_bar_item_selector:

<?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/colorPrimary" />
    <item android:color="@color/grey" />
</selector>

BottomNavigationBar

问题是,我的@color/colorPrimary#C4071A,但最终选定的项目颜色较浅(#E65A6E)。屏幕截图中可以看到差异 - 图标颜色比文本颜色浅。有没有办法如何使用完全相同的颜色?

@菜单/ bottom_navigation_main:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/bottom_bar_item_one"
        android:icon="@drawable/ic_1"
        android:title="item1"
        app:showAsAction="ifRoom"
        android:enabled="true" />
    <item
        android:id="@+id/bottom_bar_item_two"
        android:icon="@drawable/ic_2"
        android:title="item2"
        app:showAsAction="ifRoom"
        android:enabled="true" />
    <item
        android:id="@+id/bottom_bar_item_three"
        android:icon="@drawable/ic_3"
        android:title="item3"
        app:showAsAction="ifRoom"
        android:enabled="true" />
    <item
        android:id="@+id/bottom_bar_item_four"
        android:icon="@drawable/ic_4"
        android:title="item4"
        app:showAsAction="ifRoom"
        android:enabled="true" />
    <item
        android:id="@+id/bottom_bar_item_five"
        android:icon="@drawable/ic_5"
        android:title="item5"
        app:showAsAction="ifRoom"
        android:enabled="true" />
</menu>

请注意我使用的是Xamarin,但由于我使用原生的BottomNavigationView,我不会发现任何差异。

1 个答案:

答案 0 :(得分:4)

您的png文件似乎有alpha通道/透明度

我检查了图标的checkeduncheck状态。

您的灰色图标也有与红色图标相同的问题。如果您使用Adobe Photoshop等打开这些png文件,您可以通过在图标下添加纯白色图层来查看该频道(如果alpha通道是活跃的。)

enter image description here