RecyclerView с адаптером только для кнопок - PullRequest
0 голосов
/ 16 октября 2019

Итак, мой продуктовый проект потребовал от меня (с 3-х недельным знанием Android) сделать RecyclerView для страницы, содержащей кнопки категорий. Эти кнопки должны привести пользователя к фрагменту с соответствующим списком продуктов.

Я узнал, что мне нужно создать xml для элемента, поместить recyclerView в main.xml и написать адаптер.

Я сделал это с базовым примером TextView, в котором я легко могу вставить .text в адаптер. Но в этом случае мой предмет целиком состоит из одной кнопки. И я не знаю, как вызвать его в адаптере, потому что проще использовать setText () для 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

    }
}

Спасибо! И, пожалуйста, дайте мне знать, если есть какой-либо совет / хорошая практика кодирования!

1 Ответ

3 голосов
/ 16 октября 2019

Кажется, у вас возникают трудности в понимании того, как работает RecyclerView.

Должен ли я использовать здесь «String» или «Button»?

Обычно мы передаемсписок данных для класса адаптера, и этот список будет использоваться для заполнения данных в представлениях RecyclerView (поэтому мы никогда не будем передавать кнопки или что-либо подобное), а RecyclerView берет на себя ответственность за создание представлений для нас в зависимости от размера списка данных, который мыпередается в RecyclerView в CatAdapter классе в:

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 давайте напишем код (CatAdapter class):

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.

...