如何在RecyclerView指定位置修改ImageView资源适配记忆游戏需求

核心逻辑 #

不要直接操作RecyclerView的子View，采用「更新对应位置数据源 + 局部刷新指定条目」的方式实现，既可以避免View复用导致的显示混乱，性能也更高。

具体实现步骤 #

• 第一步：定义卡片数据源结构，增加状态字段
  给你的卡片数据类增加标识当前显示状态的字段，示例：

// 记忆卡片数据类
data class MemoryCard(
    val frontImageRes: Int, // 正面图片资源
    var isFlipped: Boolean = false, // 当前是否翻到正面
    var isMatched: Boolean = false // 是否已经配对成功
)

• 第二步：Adapter绑定逻辑完全依赖数据源
  在onBindViewHolder中只根据当前position对应的数据状态设置ImageView资源：

override fun onBindViewHolder(holder: CardViewHolder, position: Int) {
    val currentCard = cardList[position]
    // 根据状态设置图片
    if (currentCard.isFlipped || currentCard.isMatched) {
        holder.imageView.setImageResource(currentCard.frontImageRes)
    } else {
        holder.imageView.setImageResource(R.drawable.card_back) // 背面默认图
    }
    // 点击事件回调到外部处理
    holder.itemView.setOnClickListener {
        onItemClick?.invoke(position)
    }
}

• 第三步：点击后仅刷新目标位置
  在Activity/Fragment中记录点击位置，匹配失败后仅更新两个点击位置的数据源，调用notifyItemChanged局部刷新：

// 外部记录两次点击的位置
private var firstClickPos: Int? = null
private var secondClickPos: Int? = null
private val cardList = mutableListOf<MemoryCard>() // 你的数据源
private val adapter = CardAdapter(cardList)

// 点击回调处理
adapter.onItemClick = { pos ->
    // 已经配对成功的卡片、重复点击的卡片不处理
    if (cardList[pos].isMatched || firstClickPos == pos) return@setOnClickListener

    when {
        firstClickPos == null -> {
            // 第一次点击
            firstClickPos = pos
            cardList[pos].isFlipped = true
            adapter.notifyItemChanged(pos) // 仅刷新点击位置
        }
        secondClickPos == null -> {
            // 第二次点击
            secondClickPos = pos
            cardList[pos].isFlipped = true
            adapter.notifyItemChanged(pos) // 仅刷新点击位置
            
            // 校验是否匹配
            handler.postDelayed({
                val firstCard = cardList[firstClickPos!!]
                val secondCard = cardList[secondClickPos!!]
                if (firstCard.frontImageRes != secondCard.frontImageRes) {
                    // 匹配失败，翻回两张卡片
                    firstCard.isFlipped = false
                    secondCard.isFlipped = false
                    adapter.notifyItemChanged(firstClickPos!!) // 仅刷新第一次点击位置
                    adapter.notifyItemChanged(secondClickPos!!) // 仅刷新第二次点击位置
                } else {
                    // 匹配成功，标记状态
                    firstCard.isMatched = true
                    secondCard.isMatched = true
                }
                // 重置点击记录
                firstClickPos = null
                secondClickPos = null
            }, 1000) // 延迟1秒让用户看到两张卡片内容再处理
        }
    }
}

注意事项 #

不要通过recyclerView.findViewHolderForAdapterPosition()直接获取ImageView修改内容，RecyclerView的View复用机制会导致滚动时出现图片显示错乱的问题，必须通过修改数据源触发局部刷新的方式实现。

内容的提问来源于stack exchange，提问作者Abdulsamet Kılınçarslan