RecyclerView仅带按钮适配器

Question

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

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

我使用基本的TextView示例进行了此操作，在其中可以轻松地将.text放入适配器。但是在这种情况下，我的物品完全由一个按钮组成。而且我不知道如何在适配器中调用它，因为将setText（）用于TextView更容易。

我不知道会有多少个按钮，因为他们说它们将提供项目的API，该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

    }
}

谢谢！并且请告诉我是否有任何技巧/良好的编码习惯！

Answer 1

似乎您在理解RecyclerView的工作方式上遇到困难。

我应该在这里使用“字符串”还是“按钮”？

我们通常将数据列表传递给适配器类，并且该列表将用于在RecyclerView视图中填充数据（因此，我们绝不会传递按钮或类似的东西），并且RecyclerView负责为我们创建视图我们在CatAdapter类的RecyclerView中传递的数据列表大小：

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

现在每个位置，RecyclerView将创建一个ViewHolder，该ViewHolder将我们的布局保留为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时调用，这是绑定数据（用数据填充我们的视图）并在视图上设置单击侦听器的合适位置（在您的情况下为按钮）。那么如何在该Button上绑定数据和setOnClickListener呢？首先，看看onBindViewHolder()：

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

}

在参数中：

• holder: ViewHolder保留了我们的视图，我们可以使用它来绑定数据和单击侦听器。
position: Int，我们将使用此位置从列表中获取数据（在您的情况下为catList）。

现在您知道如何使用onBindViewHolder来编写代码（CatAdapter类：]

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附加到活动中，并且要将数据传递到catList中的FragmentCategory。