如何实现RecyclerView Item中GradientDrawable点击逐步加深变色？

嘿，我看了你的代码，发现几个关键问题导致功能没正常工作，咱们一步步来修复：

核心问题分析 #

1. 点击计数丢失：countOfClicks是onBindViewHolder里的局部变量，每次RecyclerView复用ViewHolder或者刷新时，这个变量都会被重置为0，导致点击计数无法持续记录。
2. 颜色值错误：你直接用R.color.xxx作为setColor()的参数，但这只是资源ID，不是实际的颜色值，系统无法正确识别。
3. 数组索引不匹配：colorsArray是0索引的数组，但你的countOfClicks从1开始，会导致取错颜色甚至数组越界。
4. 状态未持久化：每个Item的点击状态没有和数据模型绑定，ViewHolder复用时会丢失之前的状态。

解决方案步骤 #

1. 修正颜色工具类 #

把接口改成普通类（接口里的变量默认是静态常量，但用类管理更清晰），保留资源ID数组，使用时再转换为实际颜色：

public class ColorUtils {
    public static final int[][] COLORS_ARRAY = new int[][]{
            {R.color.red1, R.color.red2, R.color.red3, R.color.red4},
            {R.color.blue1, R.color.blue2, R.color.blue3, R.color.blue4},
            {R.color.green1, R.color.green2, R.color.green3, R.color.green4},
            {R.color.yellow1, R.color.yellow2, R.color.yellow3, R.color.yellow4},
            {R.color.orange1, R.color.orange2, R.color.orange3, R.color.orange4},
            {R.color.brown1, R.color.brown2, R.color.brown3, R.color.brown4},
            {R.color.grey1, R.color.grey2, R.color.grey3, R.color.grey4}
    };
}

2. 给数据模型添加点击计数属性 #

假设你的数据模型是ItemModel，添加一个字段记录每个Item的点击次数：

public class ItemModel {
    // 你的其他数据字段
    private int clickCount = 0; // 默认初始点击次数为0

    public int getClickCount() {
        return clickCount;
    }

    public void setClickCount(int clickCount) {
        this.clickCount = clickCount;
    }

    // 判断是否达到最大点击次数（对应4种颜色）
    public boolean isMaxClicksReached() {
        return clickCount >= 4;
    }
}

3. 修改Adapter的onBindViewHolder方法 #

现在我们从数据模型中读取点击状态，点击后更新模型并刷新Item：

@Override
public void onBindViewHolder(@NonNull final MyViewHolder myViewHolder, int position) {
    final ItemModel currentItem = mDataList.get(position); // mDataList是你的数据列表
    final GradientDrawable gd = (GradientDrawable) myViewHolder.image.getDrawable().getCurrent();
    Context context = myViewHolder.itemView.getContext();

    // 根据当前点击次数初始化颜色和图标状态
    int clickCount = currentItem.getClickCount();
    if (clickCount == 0) {
        // 初始状态：白色背景，显示感叹号
        gd.setColor(Color.WHITE);
        myViewHolder.exclamation.setVisibility(View.VISIBLE);
        myViewHolder.smily.setVisibility(View.GONE);
    } else {
        // 转换资源ID为实际颜色值，注意索引匹配（clickCount-1对应数组0索引）
        int colorRes = ColorUtils.COLORS_ARRAY[position][clickCount - 1];
        gd.setColor(ContextCompat.getColor(context, colorRes));
        
        // 判断是否达到最大点击次数，切换图标
        if (currentItem.isMaxClicksReached()) {
            myViewHolder.exclamation.setVisibility(View.GONE);
            myViewHolder.smily.setVisibility(View.VISIBLE);
        } else {
            myViewHolder.exclamation.setVisibility(View.VISIBLE);
            myViewHolder.smily.setVisibility(View.GONE);
        }
    }

    // 点击事件处理
    myViewHolder.itemView.setOnClickListener(v -> {
        int newClickCount = currentItem.getClickCount() + 1;
        // 限制最大点击次数为4次
        if (newClickCount > 4) return;
        
        currentItem.setClickCount(newClickCount);
        // 只刷新当前Item，提升性能
        notifyItemChanged(position);
    });
}

4. 优化：ViewHolder中绑定点击事件（可选） #

为了避免每次绑定都创建新的OnClickListener，可以把点击事件移到ViewHolder的构造函数里：

public class MyViewHolder extends RecyclerView.ViewHolder {
    ImageView image;
    ImageView exclamation;
    ImageView smily;
    private final List<ItemModel> mDataList;
    private final RecyclerView.Adapter adapter;

    public MyViewHolder(@NonNull View itemView, List<ItemModel> dataList, RecyclerView.Adapter adapter) {
        super(itemView);
        this.mDataList = dataList;
        this.adapter = adapter;
        
        image = itemView.findViewById(R.id.image);
        exclamation = itemView.findViewById(R.id.exclamation);
        smily = itemView.findViewById(R.id.smily);

        itemView.setOnClickListener(v -> {
            int position = getAdapterPosition();
            // 防止点击时Item已经被移除
            if (position == RecyclerView.NO_POSITION) return;
            
            ItemModel item = mDataList.get(position);
            int newClickCount = item.getClickCount() + 1;
            if (newClickCount > 4) return;
            
            item.setClickCount(newClickCount);
            adapter.notifyItemChanged(position);
        });
    }
}

这样onBindViewHolder里就不需要再设置点击事件了，更高效。

额外注意事项 #

• 确保你的Item布局中，image的Drawable确实是GradientDrawable（可以在布局里设置android:background="@drawable/your_gradient_shape"），否则强转会报错。
• 如果你的数据列表是动态加载的，确保每个新创建的ItemModel的clickCount初始化为0。

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