RecyclerView | 处理 RecyclerView 中的点击事件

image

本文是介绍 RecyclerView 入门 系列文章 的第三篇。如果您已经对创建 RecyclerView 有了一定的认识，请继续阅读本文。如果尚未熟悉，建议您首先阅读本系列中的 第一篇文章。

当使用 RecyclerView 显示列表数据的时候，您可能需要响应列表元素的点击事件。该响应处理包括: 打开包含更多数据的页面、显示 toast、删除某个元素等等。相关的响应事件虽然数不胜数，但是它们均需要通过 onClick() 来实现。

定义点击动作

在创建监听器之前，在 Activity 类中添加一个函数用于处理点击之后的响应操作。

private fun adapterOnClick(flower: Flower) {
   val intent = Intent(this, FlowerDetailActivity()::class.java)
   intent.putExtra(FLOWER_ID, flower.id)
   this.startActivity(intent)
}

接下来，修改 Adapter 的构造函数来传入 onClick() 函数。

class FlowersAdapter(private val onClick: (Flower) -> Unit) :
  ListAdapter(FlowerDiffCallback())

在 Activity 类中，在初始化 Adapter 的时候传入刚刚创建的点击事件函数。

val flowersAdapter = FlowersAdapter { flower ->
  adapterOnClick(flower)
}

添加 onClickHandler()

现在响应处理已经定义好了，可以将它关联到 Adapter 的 ViewHolder 了。

修改 ViewHolder，将 onClick() 作为参数传入。

class FlowerViewHolder(itemView: View, val onClick: (Flower) -> Unit) :
  RecyclerView.ViewHolder(itemView)

在初始化的代码中，调用 itemView 的 setOnClickListener{}。

 
 
 init {
    itemView.setOnClickListener {
      currentFlower?.let {
          onClick(it)
       }
    }
}

搞定！现在您的 RecyclerView 可以响应点击事件了。

编程快乐！

下一步

请查阅包含 onClick() 的 完整示例。

感谢您阅读 RecyclerView 系列 文章的第三篇。请继续关注未来更多关于 RecyclerView 的内容。

如果您想了解更多关于 onClick() 的内容，请参考 官方文档。