2017-07-30 287 views
0

我使用BottomNavigationView和我設置的顏色是這樣的:的Android 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" /> 

@顏色/ 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

@BenP alpha通道。沒有,我添加了項目佈局,所有可繪製的都是PNG。 – Micer

回答

2

你的PNG文件似乎有一個alpha通道/透明度

我檢查的圖標你既checkeduncheck狀態。

您的灰色圖標也有與紅色相同的問題。如果您使用Adobe Photoshop等打開這些png文件,您可以通過在圖標下添加純白色的圖層(如果alpha通道處於活動狀態)來看到該通道。

enter image description here

+0

確實你是對的。剛剛在GIMP中刪除了alpha,現在看起來就像所期望的那樣。謝謝! – Micer