Android 底部导航栏适配颜色实现教程

整体流程

首先我们需要创建一个颜色选择器，然后在底部导航栏的布局文件中设置这个颜色选择器为背景色。最后，在 Java 代码中设置底部导航栏的 Item 颜色即可。

步骤
步骤操作
1创建颜色选择器
2设置底部导航栏布局文件
3设置底部导航栏 Item 颜色

代码实现

1. 创建颜色选择器 colors.xml
<!-- colors.xml -->
<resources>
    <color name="navBarColor">#FF4081</color> <!-- 设置底部导航栏颜色 -->
</resources>
  • 1.
  • 2.
  • 3.
  • 4.
2. 设置底部导航栏布局文件

在底部导航栏的布局文件中设置背景色为上面创建的颜色选择器。

<!-- activity_main.xml -->
<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_nav"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/navBarColor" /> <!-- 设置背景色 -->
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
3. 设置底部导航栏 Item 颜色

在 Java 代码中设置底部导航栏的 Item 颜色，可以根据需要设置选中和未选中的状态。

// MainActivity.java
BottomNavigationView bottomNavigationView = findViewById(R.id.bottom_nav);

// 设置选中状态颜色
bottomNavigationView.setItemTextColor(ColorStateList.valueOf(getResources().getColor(R.color.selectedColor)));
bottomNavigationView.setItemIconTintList(ColorStateList.valueOf(getResources().getColor(R.color.selectedColor)));

// 设置未选中状态颜色
bottomNavigationView.setItemTextColor(ColorStateList.valueOf(getResources().getColor(R.color.unselectedColor)));
bottomNavigationView.setItemIconTintList(ColorStateList.valueOf(getResources().getColor(R.color.unselectedColor)));
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

状态图

创建颜色选择器 设置底部导航栏布局文件 设置底部导航栏 Item 颜色

通过以上步骤，你就可以实现 Android 底部导航栏适配颜色了。祝你学习顺利！