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() 的內容，請參考 官方文檔。