RecyclerView | 处理 RecyclerView 中的点击事件

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

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

定义点击动作

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

1<!-- Copyright 2019 Google LLC. 
2   SPDX-License-Identifier: Apache-2.0 -->
3
4private fun adapterOnClick(flower: Flower) {
5   val intent = Intent(this, FlowerDetailActivity()::class.java)
6   intent.putExtra(FLOWER_ID, flower.id)
7   this.startActivity(intent)
8}

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

1<!-- Copyright 2019 Google LLC. 
2   SPDX-License-Identifier: Apache-2.0 -->
3
4class FlowersAdapter(private val onClick: (Flower) -> Unit) :
5  ListAdapter<Flower, RecyclerView.ViewHolder>(FlowerDiffCallback())

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

1<!-- Copyright 2019 Google LLC. 
2   SPDX-License-Identifier: Apache-2.0 -->
3
4val flowersAdapter = FlowersAdapter { flower ->
5  adapterOnClick(flower)
6}

添加 onClickHandler()

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

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

1<!-- Copyright 2019 Google LLC. 
2   SPDX-License-Identifier: Apache-2.0 -->
3
4class FlowerViewHolder(itemView: View, val onClick: (Flower) -> Unit) :
5  RecyclerView.ViewHolder(itemView)

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

 1<!-- Copyright 2019 Google LLC. 
 2   SPDX-License-Identifier: Apache-2.0 -->
 3
 4init {
 5   itemView.setOnClickListener {
 6      currentFlower?.let {
 7         onClick(it)
 8      }
 9   }
10}

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

编程快乐！

下一步

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

https://github.com/android/views-widgets-samples/tree/main/RecyclerViewKotlin

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

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

https://developer.android.google.cn/reference/android/view/View.OnClickListener

 点击屏末 | 阅读原文 | 即刻了解更多关于 onClick() 的内容

推荐阅读

如页面未加载，请刷新重试