带有仅按钮适配器的 RecyclerView

Question

所以我的杂货店项目要求我（需要 3 周的 android 知识）为包含类别按钮的页面制作 RecyclerView。这些按钮应将用户带到相应产品列表的片段。

我学习的方法是，我需要为项目创建一个xml，将recyclerView 放入main.xml，并编写一个适配器。

我在基本的 TextView 示例中做到了这一点，我可以在其中轻松地将 .text 放入适配器中。但在这种情况下，我的项目完全由一个按钮组成。而且我不知道如何在适配器中调用它，因为使用 setText() for TextView 更容易。

我不知道会有多少个按钮，因为他们说他们会为项目提供API，其中应该还有类别按钮名称。

这是我的：

cat_unit.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:id="@+id/cat_btn"
        android:background="#000000"
        android:textColor="#ffffff"
        android:layout_margin="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

这是我的适配器：

CatAdapter.kt

package org.mp.chiproject01.adapter

import android.content.Context
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.Button
import androidx.recyclerview.widget.RecyclerView
import org.mp.chiproject01.R

class CatAdapter(var catList: ArrayList<String>, var context: Context): RecyclerView.Adapter<ViewHolder>() {
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        var v: View = LayoutInflater.from(context).inflate(R.layout.cat_unit, parent, false)
        return ViewHolder(v)
    }

    override fun getItemCount( ): Int {
        return catList.size
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        // I don't know what to put in the bind
        // Button will have different names, and I don't know how to 
        // Set the text for buttons
    }


}

class ViewHolder(view: View): RecyclerView.ViewHolder(view){
    var catBtn = view.findViewById<Button>(R.id.cat_btn)
}

这是带有 RecyclerView 的片段：

class FragmentCategory : Fragment() {


    var catList: ArrayList<String>()
    //Should I use 'String' or 'Button' here?

    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {

        //View inflater for Fragment
        var view = inflater.inflate(R.layout.cat_unit, container, false)

        // Layout Manager and Adapter for RecyclerView
        view.recyclerViewmeat.layoutManager = LinearLayoutManager(context)
        view.recyclerViewmeat.adapter = CatAdapter(catList, this.context!!)

        //I don't know how if I can add them as 'String' or 'Button'
        //Can I do the setOnClickListener on the button the Button way
        //or do I have to write my own onClick to handle this? 

        return view

    }
}

谢谢！如果有任何 tip/good 编码实践，请告诉我！

Answer 1

您似乎难以理解 RecyclerView 的工作原理。

Should I use 'String' or 'Button' here?

我们通常会向适配器传递一个数据列表class，这个列表将用于在 RecyclerView 视图中填充数据（因此我们永远不会传递按钮或类似的东西），而 RecyclerView 负责创建我们的视图取决于我们在 RecyclerView in CatAdapter class in:

中传递的数据列表大小

override fun getItemCount( ): Int {
        return catList.size
}

现在，对于每个位置，RecyclerView 将创建一个 ViewHolder，它将我们的 Layout 保存为 View，这就是 onCreateViewHolder 在 CatAdapter 中发生的事情：

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
//Inflating our layout (inflaing simple words, it's just a process to convert xml layout to View.
var v: View = LayoutInflater.from(context).inflate(R.layout.cat_unit, parent, false)
//Creating a ViewHolder that holds the view inside it.
return ViewHolder(v)
}

最后一件事，onBindViewHolder 在 ViewHolder 附加到 ReyclerView 时调用，这是绑定数据（用数据填充我们的视图）并在视图上设置点击监听器的合适位置（在您的案例按钮）。那么如何在那个按钮上绑定数据和setOnClickListener呢？先来看一下onBindViewHolder():

override fun onBindViewHolder(holder: ViewHolder, position: Int) {

}

参数中：

holder: ViewHolder 持有我们的观点，我们可以用它来绑定数据和点击侦听器。
position: Int，我们将使用此位置从我们的列表中获取数据（在您的情况下 catList）。

现在知道怎么用了onBindViewHolder下面来写代码(CatAdapterclass):

package org.mp.chiproject01.adapter

import android.content.Context
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.Button
import androidx.recyclerview.widget.RecyclerView
import org.mp.chiproject01.R

class CatAdapter(var catList: ArrayList<String>, var context: Context): RecyclerView.Adapter<ViewHolder>() {
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        var v: View = LayoutInflater.from(context).inflate(R.layout.cat_unit, parent, false)
        return ViewHolder(v)
    }

    override fun getItemCount( ): Int {
        return catList.size
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
      //First, get data from catList by position.
      val data = catList[position]
      //Then, bind this data to the views (the button).
      holder.catBtn.text = data
      holder.catBtn.setOnClickListener {
      //Do something when button clicked
      }
    }


}

class ViewHolder(view: View): RecyclerView.ViewHolder(view){
    //catBtn should be val since it'll never change.
    val catBtn = view.findViewById<Button>(R.id.cat_btn)
}

注意：确保将 FragmentCategory 附加到 activity 并将数据传递到 FragmentCategory.

中的 catList

带有仅按钮适配器的 RecyclerView

RecyclerView with Button only Adapter

android

android-adapter

android-button

android-recyclerview