如何更改android studio底部导航栏上选择的图标颜色

Question

当我在 android 工作室的底部导航栏中 select 一个项目时，选择的背景项目等于 values->colors.xml 中的原色。 现在我想改变这种与原色不同的颜色。 我怎样才能改变它？

    private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
            = new BottomNavigationView.OnNavigationItemSelectedListener() {
        Fragment fragment;
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()) {
                case R.id.navigation_home:
                    fragment = new HomeFragment();
                    loadFragment(fragment);
                    return true;
                case R.id.navigation_addpost:
                    fragment = new AddFragment();
                    loadFragment(fragment);
                    return true;
                case R.id.navigation_notifications:
//                    mTextMessage.setText(R.string.title_notifications);
                    return true;
                case R.id.navigation_profile:
                    fragment = new ProfileFragment();
                    loadFragment(fragment);
                    return true;
            }
            return false;
        }
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        loadFragment(new HomeFragment());
        BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
        navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
        navigation.setItemTextColor(ColorStateList.valueOf(Color.RED));
    }

Answer 1

要更改BottomNavigationView选定的选项卡图标颜色，您应该使用选择器。

创建bottom_navigation_selector.xml

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

将app:itemIconTint="@drawable/bottom_navigation_selector"到xml文件中的 BottomNavigationView。

Answer 2

尽管阅读了所有答案，但我对整个过程感到困惑，所以我将逐步解释我是如何解决这个问题的，以便初学者能够正确理解它

假设您现在创建了名为MainActivity底部导航活动

使用此代码在您的drawable文件夹中创建bottom_navigation_selector.xml

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

然后转到activity_main.xml布局并在BottomNavigationView添加这一行

app:itemIconTint="@drawable/bottom_navigation_selector"

如果您还想相应地更改文本颜色，则还需要添加此行

app:itemTextColor="@drawable/bottom_navigation_selector"
    

Answer 3

要显示项目的真实颜色，请使用此

java

bottom_navigation.setItemIconTintList(null);

kotlin

bottom_navigation.itemIconTintList = null

如果你想改变热量，只需将 null 替换为

Color.parseColor("#ffffff")

Answer 4

尝试，

navigation.setItemIconTintList(Color.BLUE);

更新 ：

navigation.setItemIconTintList(Color.parseColor("#fafafa"));

Answer 5

bottomNavigationView.setItemIconTintList(ColorStateList.valueOf(Color.parseColor("#3F51B5")));

Answer 6

如果您正在使用 compose 并构造一个BottomNavigationItem ，则必须使用unselectedContentColor选项来设置颜色。

例如

unselectedContentColor = MaterialTheme.colors.primary,

   BottomNavigationItem(
                icon = {},
                unselectedContentColor = MaterialTheme.colors.primary,
                alwaysShowLabel = false,
                selected = currentRoute == item.route,
                onClick = { },
            )