Kotlin中点击ImageButton切换RecyclerView布局的实现求助

你的代码核心问题在于：RecyclerView的ViewHolder会被复用，仅通过notifyDataSetChanged()无法触发重新创建ViewHolder（当前已有可用ViewHolder时不会重新执行onCreateViewHolder），导致布局无法切换。另外，切换到item_start.xml后，该布局中大概率不存在那些ImageButton，会引发空指针异常。以下是修正方案：

1. 重写getItemViewType()区分视图类型 #

通过返回不同的视图类型，让RecyclerView明确知道需要创建对应布局的ViewHolder：

class TransportAdapter(val context: Context) : RecyclerView.Adapter<RecyclerView.ViewHolder>() {

    private var isModeLayout = true // true显示item_mode，false显示item_start

    // 定义视图类型常量
    companion object {
        private const val VIEW_TYPE_MODE = 0
        private const val VIEW_TYPE_START = 1
    }

    override fun getItemViewType(position: Int): Int {
        return if (isModeLayout) VIEW_TYPE_MODE else VIEW_TYPE_START
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
        val inflater = LayoutInflater.from(parent.context)
        return when (viewType) {
            VIEW_TYPE_MODE -> {
                val view = inflater.inflate(R.layout.item_mode, parent, false)
                ModeViewHolder(view)
            }
            VIEW_TYPE_START -> {
                val view = inflater.inflate(R.layout.item_start, parent, false)
                StartViewHolder(view)
            }
            else -> throw IllegalArgumentException("Unknown view type")
        }
    }

    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
        // 按需绑定布局数据，仅在对应ViewHolder中处理
        if (holder is ModeViewHolder) {
            // 这里可以绑定item_mode布局的数据
        }
    }

    override fun getItemCount(): Int {
        return 1
    }

    // 对应item_mode布局的ViewHolder，仅持有该布局的控件
    inner class ModeViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        private val imageButtons: List<ImageButton> = listOf(
            itemView.findViewById(R.id.icon_walk),
            itemView.findViewById(R.id.icon_trotinette),
            itemView.findViewById(R.id.icon_bike),
            itemView.findViewById(R.id.icon_scooter),
            itemView.findViewById(R.id.icon_moto),
        )

        init {
            imageButtons.forEach { button ->
                button.setOnClickListener {
                    isModeLayout = false
                    notifyDataSetChanged()
                }
            }
        }
    }

    // 对应item_start布局的ViewHolder，按需添加控件
    inner class StartViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        // 如果item_start有需要操作的控件，在这里定义并设置逻辑
    }
}

2. 关键说明 #

• 拆分ViewHolder：为两个布局分别创建对应的ViewHolder，避免跨布局引用控件导致的空指针问题。
• 视图类型区分：通过getItemViewType()告知RecyclerView当前位置的布局类型，确保onCreateViewHolder能创建正确的ViewHolder实例。
• 状态切换：点击按钮后修改布局状态标记，调用notifyDataSetChanged()触发刷新，此时RecyclerView会根据新的视图类型重新创建ViewHolder，加载目标布局。

如果需要支持从item_start切回item_mode，可以在StartViewHolder中添加对应的触发按钮，修改isModeLayout为true并调用notifyDataSetChanged()即可。

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