求助：Kotlin+DataBinding实现多布局RecyclerViewAdapter（按LayoutManager切换）

Hey there! Let's get that multi-layout RecyclerView Adapter with DataBinding in Kotlin working smoothly. I'll walk you through a complete, fixed implementation that handles layout switching based on the current LayoutManager, and addresses common DataBinding pitfalls you might be hitting.

First, Let's Define Our Setup #

First, let's clarify the key parts: we'll have two layout types (grid and list), use a base ViewHolder to handle different binding classes, and tie the view type directly to the RecyclerView's LayoutManager.

Step 1: Add Layout Type Constants & Adapter Structure

Update your adapter to include layout type constants, a reference to the RecyclerView (to check LayoutManager), and the necessary interfaces:

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.recyclerview.widget.RecyclerView
import com.yourpackage.databinding.ItemGridWallBinding
import com.yourpackage.databinding.ItemListWallBinding

class WallRecyclerAdapter(
    private var images: List<Image>,
    private val listener: OnItemClickListener,
    private val recyclerView: RecyclerView // Hold reference to check LayoutManager
) : RecyclerView.Adapter<WallRecyclerAdapter.BaseViewHolder<Image>>() {

    // Define layout types
    private companion object {
        const val LAYOUT_GRID = 0
        const val LAYOUT_LIST = 1
    }

    // Click listener interface (matches layout variables)
    interface OnItemClickListener {
        fun onItemClick(image: Image)
    }

    // Base ViewHolder to abstract binding logic
    abstract class BaseViewHolder<T>(itemView: View) : RecyclerView.ViewHolder(itemView) {
        abstract fun bind(item: T, listener: OnItemClickListener)
    }

    // Grid Layout ViewHolder
    private inner class GridViewHolder(private val binding: ItemGridWallBinding) : BaseViewHolder<Image>(binding.root) {
        override fun bind(item: Image, listener: OnItemClickListener) {
            binding.image = item
            binding.listener = listener
            binding.executePendingBindings() // Critical: forces immediate binding to avoid delays
        }
    }

    // List Layout ViewHolder
    private inner class ListViewHolder(private val binding: ItemListWallBinding) : BaseViewHolder<Image>(binding.root) {
        override fun bind(item: Image, listener: OnItemClickListener) {
            binding.image = item
            binding.listener = listener
            binding.executePendingBindings()
        }
    }

Step 2: Fix getItemViewType() to Use LayoutManager

This is where we tie the layout type to the current LayoutManager:

override fun getItemViewType(position: Int): Int {
        return when (recyclerView.layoutManager) {
            is androidx.recyclerview.widget.GridLayoutManager -> LAYOUT_GRID
            is androidx.recyclerview.widget.LinearLayoutManager -> LAYOUT_LIST
            else -> LAYOUT_LIST // Fallback to list if unknown LayoutManager
        }
    }

Step 3: Handle ViewHolder Creation with DataBinding

Make sure we inflate the correct binding for each view type:

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): BaseViewHolder<Image> {
        val inflater = LayoutInflater.from(parent.context)
        return when (viewType) {
            LAYOUT_GRID -> {
                val binding = ItemGridWallBinding.inflate(inflater, parent, false)
                GridViewHolder(binding)
            }
            else -> {
                val binding = ItemListWallBinding.inflate(inflater, parent, false)
                ListViewHolder(binding)
            }
        }
    }

Step 4: Bind Data in onBindViewHolder()

Leverage the base ViewHolder's bind method to keep this clean:

override fun onBindViewHolder(holder: BaseViewHolder<Image>, position: Int) {
        val image = images[position]
        holder.bind(image, listener)
    }

    override fun getItemCount(): Int = images.size

    // Helper to update data
    fun updateImages(newImages: List<Image>) {
        images = newImages
        notifyDataSetChanged()
    }
}

Step 5: Update Your Layout Files #

Make sure your layout XMLs (e.g., item_grid_wall.xml and item_list_wall.xml) are set up with DataBinding correctly:

Example item_grid_wall.xml:

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="image"
            type="com.yourpackage.Image" />

        <variable
            name="listener"
            type="com.yourpackage.WallRecyclerAdapter.OnItemClickListener" />
    </data>

    <!-- Your grid item layout here -->
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:scaleType="centerCrop"
        android:src="@{image.url}"
        android:onClick="@{() -> listener.onItemClick(image)}" />
</layout>

Step 6: Switch Layouts in Your Activity/Fragment #

When you want to switch layouts, update the LayoutManager and notify the adapter to refresh:

// Switch to Grid Layout
recyclerView.layoutManager = GridLayoutManager(this, 2)
wallAdapter.notifyDataSetChanged() // Triggers getItemViewType() to refresh

// Switch to List Layout
recyclerView.layoutManager = LinearLayoutManager(this)
wallAdapter.notifyDataSetChanged()

Common DataBinding Pitfalls You Might Have Missed #

• Forgot executePendingBindings(): This method forces immediate data binding, preventing UI delays where old data might show temporarily.
• Incorrect Variable Types: Double-check that the image and listener variables in your XML match the exact class paths of your Image model and OnItemClickListener interface.
• No Refresh After LayoutManager Change: You must call notifyDataSetChanged() after switching the LayoutManager so the adapter re-evaluates getItemViewType() for every item.
• ViewHolder Binding Leaks: Make sure your ViewHolders hold a strong reference to the binding instance (we handled this by storing it as a private property).

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