如何在Android中为底部导航图标/文本设置不同的颜色

时间:2018-04-12 16:16:10

标签: android android-color

我在Android应用程序中工作,在此我有底部导航活动。 底部导航包含3个图标Home,Reminders,settings。 还有3个片段,如Home Fragments,Reminder Fragments,Settings Fragments。

我需要做的是默认情况下,当我打开应用程序时,我想为主页图标和文本设置颜色(图标颜色和文本颜色应该与所选项目不同),如果我从底部导航中选择了其他选项卡我想更改所选标签的颜色。

我试过以下

RES /颜色/ bnv_tab_item_foreground.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="@color/selected" />
    <item android:color="@android:color/darker_gray"  />
</selector>

值/ colors.xml

<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="selected">#25EB13</color>
    <color name="not_selected">#EB1347</color>

</resources>

activity_main.xml中

 <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/navigation"
        app:itemIconTint="@color/bnv_tab_item_foreground"
        app:itemTextColor="@color/bnv_tab_item_foreground" />

以上代码ID对我不起作用。请帮我解决这个问题。

2 个答案:

答案 0 :(得分:4)

很容易!你可以制作抽奖&amp;颜色选择器。了解如何:

1:制作可绘制选择器

res / drawable / drawable_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/colorAccent" android:state_checked="true" /> // you can take drawable too. 
    <item android:drawable="@color/colorAccentDark" />
</selector>

2。制作颜色选择器

res / color / color_selector.xml

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

现在在XML中使用两个选择器。

<android.support.design.widget.BottomNavigationView
    ...
    app:itemBackground="@drawable/drawable_selector" // set background
    app:itemIconTint="@color/color_selector" // set icon tint/color
    app:itemTextColor="@color/color_selector" // set text color
    app:menu="@menu/home_bottom_menu"
    ... />

答案 1 :(得分:1)

在您的选择器中,在第二项中,尝试添加android:state_checked="false"

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_checked="true" 
        android:color="@color/selected" />
    <item
        android:state_checked="false" 
        android:color="@android:color/not_selected"  />
</selector>