如何永久修改RecyclerView项背景色并跳转新Fragment？

开发者阿泽

2026-8-9

解决方案：实现RecyclerView项点击后永久修改背景色并跳转详情页

核心结论

必须给Game数据类添加已查看状态的布尔字段，因为RecyclerView的ViewHolder会复用，临时修改背景色会随着列表滚动丢失，且要实现“永久生效”必须把状态和数据绑定并持久化存储。

分步实现（新手友好）

1. 修改Game数据类，添加已查看状态

把原来的Array<String>换成List<String>（避免data class的equals问题），新增isViewed字段标记已查看状态，同时实现Parcelable方便Fragment传参：

import kotlinx.parcelize.Parcelize
import android.os.Parcelable

@Parcelize
data class Game(
    val name: String,
    val score: Int,
    val genres: List<String>,
    var isViewed: Boolean = false // 默认未查看
) : Parcelable

注意：要使用@Parcelize需要在app模块的build.gradle中添加插件：
plugins {
    id 'kotlin-parcelize'
}

2. 修复RecyclerView Adapter的问题

你的原有代码只在点击时临时改背景色，没有和数据绑定，也没处理ViewHolder复用。修改后的Adapter会根据数据状态渲染UI，点击时更新数据并通知刷新：

interface onItemClickListener {
    fun onItemClick(position: Int)
}

class AdapterRecycler(
    private val gameList: MutableList<Game>,
    private val listener: onItemClickListener
) : RecyclerView.Adapter<AdapterRecycler.ViewHolder>() {

    class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
        val name: TextView = view.findViewById(R.id.gameId)
        val score: TextView = view.findViewById(R.id.scoreId)
        val genre: TextView = view.findViewById(R.id.genres)
        val layout1: RelativeLayout = view.findViewById(R.id.rowlayout)
    }

    override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): ViewHolder {
        val view = LayoutInflater.from(viewGroup.context)
            .inflate(R.layout.text_row_item, viewGroup, false)
        return ViewHolder(view)
    }

    // 关键：绑定数据时根据已查看状态设置背景色
    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        val game = gameList[position]
        // 填充基础数据
        holder.name.text = game.name
        holder.score.text = game.score.toString()
        holder.genre.text = game.genres.joinToString(", ")
        
        // 根据状态设置背景色
        if (game.isViewed) {
            holder.layout1.setBackgroundColor(Color.rgb(224,224,224))
        } else {
            holder.layout1.setBackgroundColor(Color.WHITE) // 恢复默认背景色
        }

        // 点击事件：更新状态+通知刷新+跳转详情
        holder.itemView.setOnClickListener {
            game.isViewed = true
            notifyItemChanged(position) // 只刷新当前项，性能更好
            listener.onItemClick(position)
        }
    }

    override fun getItemCount() = gameList.size
}

3. 修改Games Fragment，实现状态持久化

用SharedPreferences存储已查看状态，确保APP重启后状态不丢失，同时处理Fragment跳转：

import android.content.Context
import android.content.SharedPreferences
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.fragment.app.Fragment
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView

class Games : Fragment() {
    private lateinit var adapter: AdapterRecycler
    private lateinit var gameList: MutableList<Game>
    private lateinit var sharedPrefs: SharedPreferences

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_games, container, false)
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        // 初始化SharedPreferences用于持久化存储
        sharedPrefs = requireContext().getSharedPreferences("GamePrefs", Context.MODE_PRIVATE)

        // 初始化游戏数据，同时从SharedPreferences恢复已查看状态
        gameList = mutableListOf(
            Game("游戏1", 90, listOf("动作", "冒险"), getIsViewed("游戏1")),
            Game("游戏2", 85, listOf("角色扮演"), getIsViewed("游戏2")),
            // 添加更多游戏数据...
        )

        // 初始化Adapter并设置点击监听
        adapter = AdapterRecycler(gameList) { position ->
            // 跳转到详情页，传递当前游戏数据
            val detailsFragment = Details.newInstance(gameList[position])
            requireActivity().supportFragmentManager.beginTransaction()
                .replace(R.id.fragmentContainerView2, detailsFragment)
                .addToBackStack(null) // 添加回退栈，方便返回列表页
                .commit()
            
            // 保存已查看状态到SharedPreferences
            saveIsViewed(gameList[position].name, true)
        }

        // 设置RecyclerView
        val recyclerView = view.findViewById<RecyclerView>(R.id.recyclerView)
        recyclerView.layoutManager = LinearLayoutManager(context)
        recyclerView.adapter = adapter
    }

    // 从SharedPreferences读取已查看状态
    private fun getIsViewed(gameName: String): Boolean {
        return sharedPrefs.getBoolean(gameName, false)
    }

    // 保存已查看状态到SharedPreferences
    private fun saveIsViewed(gameName: String, isViewed: Boolean) {
        sharedPrefs.edit().putBoolean(gameName, isViewed).apply()
    }
}

4. 详情Fragment接收并展示数据

简单实现详情页，接收传递过来的游戏数据：

import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.fragment.app.Fragment
import kotlinx.android.synthetic.main.fragment_details.*

class Details : Fragment() {
    companion object {
        private const val ARG_GAME = "game"

        // 静态方法传递游戏数据
        fun newInstance(game: Game): Details {
            val args = Bundle()
            args.putParcelable(ARG_GAME, game)
            val fragment = Details()
            fragment.arguments = args
            return fragment
        }
    }

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_details, container, false)
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        // 获取传递的游戏数据并展示
        val game = arguments?.getParcelable<Game>(ARG_GAME)
        game?.let {
            detailName.text = it.name
            detailScore.text = "评分：${it.score}"
            detailGenres.text = "类型：${it.genres.joinToString(", ")}"
        }
    }
}

为什么你的原有代码背景色不生效？

ViewHolder复用：RecyclerView会回收滑出屏幕的ViewHolder，复用给新滑入的项，临时修改的背景色会被带到其他项上，导致UI混乱。
状态未绑定数据：你没有把“已查看”状态和Game数据绑定，当列表刷新（比如滚动）时，ViewHolder会重新绑定原始数据，背景色就会丢失。

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