如何在 RecyclerView kotlin 的两个不同视图上实现两个 OnClickListener？

Question

我正在处理一个包含两个视图的 RecyclerView 项目：一个 TextView 和一个 ImagaView。我希望能够同时点击它们来执行不同的功能。

我该怎么办

这是我的适配器

class AddMeasurementAdapter(private val currentList:MutableList<DressMeasurementModel>, private val listener1: RecyclerClickListener, private val listener2: RecyclerClickListener): RecyclerView.Adapter<AddMeasurementAdapter.CardViewHolder>() {

    //inner class
    inner class CardViewHolder (itemView : View):RecyclerView.ViewHolder(itemView), View.OnClickListener{
        val display:TextView = itemView.findViewById(R.id.measurement_recyclerview_item)
        //Binding the data with the view
        fun  bind(dressMeasurementModel: DressMeasurementModel){
            display.text = "${dressMeasurementModel.measurementName} ${dressMeasurementModel.measurement}"

        }

        init {
            itemView.setOnClickListener(this@CardViewHolder)
        }

        override fun onClick(v: View?) {
            val position: Int = adapterPosition
            if (position != RecyclerView.NO_POSITION) {
                listener1.onItemClick1(position, currentList)

            }

            if (position != RecyclerView.NO_POSITION) {
                listener2.onItemClick2(position, currentList)

            }

        }


    }


    //Creating view
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CardViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.measurement_fragment_recyclerview_items, parent, false)

        return CardViewHolder(view)
    }
    //Binding the view
    override fun onBindViewHolder(holder: CardViewHolder, position: Int) {
        holder.bind(currentList[position])
    }
    //Getting the item cout size
    override fun getItemCount(): Int {
        return currentList.size
    }

}

这是我的界面

interface RecyclerClickListener {
    fun onItemClick1(position: Int, currentList: MutableList<DressMeasurementModel>)
    fun onItemClick2(position: Int, currentList: MutableList<DressMeasurementModel>)
}

Answer 1

可以在createViewHolder中添加监听器如

//Creating view
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CardViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.measurement_fragment_recyclerview_items, parent, false)
        view.textView.onClick{}
        view.image.onClick{}
        return CardViewHolder(view)
}

Answer 2

好的，这是Kotlin 版本的答案。

在你的 bind 方法中，

fun bind(dressMeasurementModel: DressMeasurementModel) {
    ...
    var position = adapterPosition

    display.setOnClickListener {
        listener.onTextClick(position)
    }

    image.setOnClickListener {
        listener.onImageClick(position)
    }
    ...
}

Answer 3

我后来想通了，所以我想分享一下我是怎么做到的。

class AddMeasurementAdapter(
    private val currentList: MutableList<DressMeasurementModel>,
    private val listener1: RecyclerClickListener,
    private val listener2: RecyclerClickListener
) : RecyclerView.Adapter<AddMeasurementAdapter.CardViewHolder>() {

    // inner class
    inner class CardViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val display: TextView = itemView.findViewById(R.id.measurement_recyclerview_item)
        val delete: ImageView = itemView.findViewById(R.id.measurementment_recyclerview_item_delete_button)
//        Binding the data with the view
        fun bind(dressMeasurementModel: DressMeasurementModel) {
            display.text = "${dressMeasurementModel.measurementName} ${dressMeasurementModel.measurement}"
        }
    }

    // Creating view
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CardViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(
            R.layout.measurement_fragment_recyclerview_items,
            parent,
            false
        )

        return CardViewHolder(view)
    }
    // Binding the view and attaching the listener
    override fun onBindViewHolder(holder: CardViewHolder, position: Int) {
        holder.bind(currentList[position])
        
        holder.display.setOnClickListener {
            listener1.onItemClickToEdit(holder.adapterPosition, currentList)
        }

        holder.delete.setOnClickListener {
            listener2.onItemClickToDelete(holder.adapterPosition, currentList)
        }
    }
    // Getting the item cout size
    override fun getItemCount(): Int {
        return currentList.size
    }
}

当我在fun bind() 中分配 onClickListener 时，监听器覆盖了整个 itemView 布局，而不是布局内的单个视图，因此只实现了一次单击监听器。在内部类中也应用了同样的东西。

界面如下

interface RecyclerClickListener {
    fun onItemClickToEdit(position: Int, currentList: MutableList<DressMeasurementModel>)
    fun onItemClickToDelete(position: Int, currentList: MutableList<DressMeasurementModel>)
}

通过在片段的任一活动中扩展接口，您就有了 onclickListener。

本文帮助https://antonioleiva.com/recyclerview-listener/