Android中CardView无法正确显示HashMap对应键值对问题

问题原因 #

1. HashMap是无序容器：HashMap不会保留元素的插入顺序，你通过hashMap.entries.elementAt(currentPairIndex)获取的条目顺序，和你手动插入的What→When→Where…顺序完全不一致，导致你预期的键值对位置错乱。
2. 翻转逻辑顺序不合理（按需调整）：当前代码每次点击翻转按钮时，执行完动画就直接更新卡片文本并递增索引，这会导致你无法先查看当前卡片的正反两面，而是每次翻转直接跳到下一个条目。

修复方案 #

1. 替换为LinkedHashMap保证顺序 #

LinkedHashMap会严格按照插入顺序存储元素，替换后索引对应的键值对就和你预期的一致了：

// 将原HashMap替换为LinkedHashMap
private val hashMap = LinkedHashMap<String,String>()

2. 调整翻转逻辑（按需修改） #

如果你的需求是点击一次翻到背面查看当前键对应的值，再次点击翻回正面并切换到下一张卡片，需要拆分“翻转正反”和“切换条目”的动作：

with(binding) {
    btnFlip.setOnClickListener {
        if (isFront) {
            // 翻到背面，显示当前键的值
            front_animation.setTarget(textCardFront)
            back_animation.setTarget(textCardBack)
            front_animation.start()
            back_animation.start()
            isFront = false
            textCardBack.visibility = View.VISIBLE
            textCardFront.visibility = View.GONE
            cardViewQuestions.setCardBackgroundColor(ContextCompat.getColor(requireContext(), R.color.pink))
        } else {
            // 翻回正面，同时切换到下一张卡片
            textCardFront.visibility = View.VISIBLE
            textCardBack.visibility = View.GONE
            cardViewQuestions.setCardBackgroundColor(ContextCompat.getColor(requireContext(), R.color.blue_card))
            front_animation.setTarget(textCardBack)
            back_animation.setTarget(textCardFront)
            back_animation.start()
            front_animation.start()
            isFront = true
            
            // 更新到下一个条目
            currentPairIndex = (currentPairIndex + 1) % hashMap.size
            currentPair = hashMap.entries.elementAt(currentPairIndex)
            textCardFront.text = currentPair.key
            textCardBack.text = currentPair.value // 直接用Entry的value更高效
        }
    }
}

若你的需求就是每次点击直接切换到下一张卡片并翻转，只需替换LinkedHashMap即可，同时建议将hashMap[currentPair.key]改为currentPair.value，避免冗余查找。

3. 初始化代码优化 #

初始化卡片文本时，直接使用Entry的value字段：

currentPair = hashMap.entries.elementAt(currentPairIndex)
binding.textCardFront.text = currentPair.key
binding.textCardBack.text = currentPair.value

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