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

Question

当我 select 在 android studio 中底部导航栏中的项目时，背景项目 selected 等于 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

试试，

navigation.setItemIconTintList(Color.BLUE);

更新：

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

Answer 2

要在 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 3

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

Answer 4

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

假设您创建了名称为 MainActivity 的底部导航 activity，那么现在

使用此代码在您的 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 5

如果您使用 compose 并构建 BottomNavigationItem，则必须使用 unselectedContentColor 选项来设置颜色。

例如

unselectedContentColor = MaterialTheme.colors.primary,

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

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

How to change the icon color selected on bottom navigation bar in android studio

android

bottomnavigationview