如何实现类似YouTube APP底部导航图标点击变红效果？

我来帮你梳理下这个问题的最优解决思路，其实不用写一堆繁琐的条件判断也能轻松搞定！

方案一：用Drawable Selector（首推，最简洁高效） #

完全可以通过drawable文件夹里的<selector>实现，这也是Android官方推荐的状态切换方案，几乎不用写额外逻辑。具体步骤如下：

1. 创建Selector Drawable文件
   在res/drawable目录下新建一个类似ic_home_selector.xml的文件，内容示例：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中/点击状态时显示红色图标 -->
    <item android:drawable="@drawable/ic_home_red" android:state_selected="true"/>
    <!-- 默认状态显示原色/灰色图标 -->
    <item android:drawable="@drawable/ic_home_default"/>
</selector>

这里需要提前准备两套图标：默认状态的（比如灰色）和选中状态的红色版本。

2. 布局中引用Selector

• 如果是用ImageView实现底部导航：

<ImageView
    android:id="@+id/iv_home"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_home_selector"
    android:clickable="true"/>

• 如果用官方的BottomNavigationView（更推荐，自带选中状态管理）：
  在res/menu/bottom_nav_menu.xml里给每个菜单项指定icon为selector：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_home"
        android:icon="@drawable/ic_home_selector"
        android:title="Home"/>
    <!-- 其他菜单项同理配置 -->
</menu>

3. 处理选中状态切换

• 用ImageView的话，只需要在点击事件里统一切换selected状态即可，避免重复代码：

// 把所有导航图标放进列表统一管理
List<ImageView> navIcons = Arrays.asList(
    findViewById(R.id.iv_home),
    findViewById(R.id.iv_search),
    findViewById(R.id.iv_add),
    findViewById(R.id.iv_subs),
    findViewById(R.id.iv_profile)
);

// 给每个图标设置点击事件
for (ImageView icon : navIcons) {
    icon.setOnClickListener(v -> {
        // 先把所有图标设为未选中
        navIcons.forEach(img -> img.setSelected(false));
        // 再把当前点击的图标设为选中
        v.setSelected(true);
        // 这里可以添加页面切换逻辑
    });
}

• 用BottomNavigationView的话，它会自动管理选中状态，你只需要监听选中事件处理页面切换：

BottomNavigationView bottomNav = findViewById(R.id.bottom_nav);
bottomNav.setOnNavigationItemSelectedListener(item -> {
    switch (item.getItemId()) {
        case R.id.nav_home:
            // 切换到首页逻辑
            return true;
        case R.id.nav_search:
            // 切换到搜索页逻辑
            return true;
        // 其他菜单项处理
    }
    return false;
});

方案二：编程方式（仅推荐特殊场景使用） #

如果因为动态变色等特殊需求必须用编程实现，也不用写大量条件判断，可以优化代码：

// 定义选中和未选中的颜色
int selectedColor = ContextCompat.getColor(this, R.color.red);
int defaultColor = ContextCompat.getColor(this, R.color.gray);

List<ImageView> navIcons = Arrays.asList(homeImage, searchImage, ...);

// 统一设置点击事件
for (ImageView icon : navIcons) {
    icon.setOnClickListener(v -> {
        navIcons.forEach(img -> {
            img.setColorFilter(img == v ? selectedColor : defaultColor);
        });
        // 页面切换逻辑
    });
}

通过遍历列表统一处理，避免了逐个写if判断的冗余。

总结 #

优先选择Drawable Selector + BottomNavigationView的组合，这是最贴合Android设计规范、代码最简洁的方案，完全能实现你要的点击图标变红的效果，不用写一堆繁琐的条件判断。

内容的提问来源于stack exchange，提问作者RAMKUMAR