如何更改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 = { },
            )