RecyclerView | 处理 RecyclerView 中的点击事件

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

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

定义点击动作

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

<!-- Copyright 2019 Google LLC. 
   SPDX-License-Identifier: Apache-2.0 -->

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

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

<!-- Copyright 2019 Google LLC. 
   SPDX-License-Identifier: Apache-2.0 -->

class FlowersAdapter(private val onClick: (Flower) -> Unit) :
  ListAdapter<Flower, RecyclerView.ViewHolder>(FlowerDiffCallback())

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

<!-- Copyright 2019 Google LLC. 
   SPDX-License-Identifier: Apache-2.0 -->

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

添加 onClickHandler()

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

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

<!-- Copyright 2019 Google LLC. 
   SPDX-License-Identifier: Apache-2.0 -->

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

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

 <!-- Copyright 2019 Google LLC. 
    SPDX-License-Identifier: Apache-2.0 -->
 
 init {
    itemView.setOnClickListener {
      currentFlower?.let {
          onClick(it)
       }
    }
}

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

编程快乐!

下一步

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

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

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