Changer la couleur d'arrière-plan de l'élément sélectionné dans recyclerView Android databinding

mona baharlou

Comment puis-je modifier la couleur backgroudColor ofselectedItem dans l'adaptateur recyclerView lorsque j'utilise la liaison de données Android?

ceci est mon Adapte, et class CategoyItemClickListenerest implémenté pour gérer les clics sur les articles:

class ProgramCatAdapter(
    val mContext: Context,
    val mData: MutableList<CategoryResponse>,
    val clickListener: CategoyItemClickListener
) : RecyclerView.Adapter<ProgramCatAdapter.CategoryViewHolder>() {



    override fun onCreateViewHolder(
        parent: ViewGroup,
        viewType: Int
    ): CategoryViewHolder {
        return CategoryViewHolder.from(parent)
    }

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

    override fun onBindViewHolder(holder: CategoryViewHolder, position: Int) {
        holder.bind(
            mData[position],
            clickListener,
            position

        )


    }

    fun getItem(position: Int): CategoryResponse = mData[position]

    fun getPosition(item: CategoryResponse): Int = mData.indexOf(item)

    class CategoryViewHolder private constructor(val binding: ProgramCatHorizontalBinding) :
        RecyclerView.ViewHolder(binding.root) {



        fun bind(
            item: CategoryResponse,
            clickListener: CategoyItemClickListener,
            position: Int

        ) {
            itemView.isActivated = isSelected
            binding.item = item
            binding.position = position
            binding.clickListener = clickListener
            binding.executePendingBindings()
        }

        companion object {
            fun from(parent: ViewGroup): CategoryViewHolder {
                val layoutInflater = LayoutInflater.from(parent.context)
                val binding = ProgramCatHorizontalBinding.inflate(layoutInflater, parent, false)
                return CategoryViewHolder(binding)
            }
        }
    }
}

class CategoyItemClickListener(val clickListener: (item: CategoryResponse) -> Unit) {
    fun onClick(item: CategoryResponse) {
        clickListener(item)
    }
}

Et ce code sert à lier l'adaptateur à recyclerView:

 private fun bindCategories(cats: MutableList<CategoryResponse>?) {


        programCatAdapter = ProgramCatAdapter(mContext!!,
            cats!!, CategoyItemClickListener {
                viewModel.setSelectedCat(it)

            })

        binding.catRecycler.layoutManager =
            LinearLayoutManager(activity!!, LinearLayoutManager.HORIZONTAL, false)

        binding.catRecycler.adapter = programCatAdapter
}

Comment puis-je avoir accès à la position de l'élément sélectionné CategoyItemClickListeneret modifier le bgColor de cet élément?

mitch

Voici un exemple:

Cette vidéo pourrait vous donner un aperçu: https://youtu.be/g8GDLOMt600 (Vous n'allez pas trouver de solution à cette question dans cette vidéo. Cela vous donne juste un bel aperçu de la liaison de données, RecyclerView et ClickListener)

Vous avez besoin des fichiers suivants: YourFragment, fragment_your.xml, list_item

class YourFragment : Fragment(){

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

    // Get a reference to the binding object and inflate the fragment views.
    val binding: FragmentYoutFragmentBinding = DataBindingUtil.inflate(
        inflater, R.layout.fragment_your, container, false
    )

    binding.lifecycleOwner = this

     // Very important! Otherwise the layout of the recycler view wont work
    binding.yourList.layoutManager = LinearLayoutManager(this.context)

    // Adapter for the RecyclerView in order to show all items
    val adapter = YourAdapter(YourListener{youtItemObeject: YourItemObject, view: 
      View ->

      // THIS IS THE SOLUTION
      // change selected item image, if user selects this item in the list
      view.ok_image.setImageResource(R.drawable.ok_green)
    })

  }
}

dans list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools">

<data>

    <variable
        name="your_object"
        type="your_package_name.your_folder.YourObject" />

    <variable
        name="clickListener"
        type="your_package_name.your_folder.YourListener" />
</data>

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/constraint_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/item_margin_horizontal"
    android:layout_marginTop="@dimen/item_margin_vertical"
    android:layout_marginEnd="@dimen/item_margin_horizontal"
    android:layout_marginBottom="@dimen/item_margin_vertical"
    android:onClick="@{(thisView) -> clickListener.onClick(your_object, thisView)}">

    <ImageView
        android:id="@+id/ok_image"
        ... />

</androidx.constraintlayout.widget.ConstraintLayout>
</layout>

Et ajoutez la classe YourListener dans le fichier adaptateur

class YourAdapter(val clickListener: YourListener) :
ListAdapter<YourObject, YourAdapter.ViewHolder>(YourDiffCallback()) {

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
    return ViewHolder.from(parent)
}

override fun onBindViewHolder(holder: ViewHolder, position: Int) {
    holder.bind(getItem(position)!!, clickListener)
}

class ViewHolder private constructor(val binding: ListItemYourObjectBinding) :
    RecyclerView.ViewHolder(binding.root) {

    companion object {
        fun from(parent: ViewGroup): ViewHolder {
            val layoutInflater = LayoutInflater.from(parent.context)

            val binding = 
              ListItemYourObjectBinding.inflate(layoutInflater, parent, false)
            return ViewHolder(binding)
        }
    }

    fun bind(item: YourObject, clickListener: YourListener) {
        binding.yourObject = item
        binding.clickListener = clickListener

        // for example
        binding.okImage.setImageRessouce(R.drawable.ok_gray)

        binding.executePendingBindings()
    }
  }
}


/**
* Callback for calculating the diff between two non-null items in a list.
*
* Used by ListAdapter to calculate the minimum number of changes between and old list 
* and a new list that's been passed to `submitList`.
*/
class YourObjectDiffCallback : DiffUtil.ItemCallback<YourObject>() {
  override fun areItemsTheSame(oldItem: YourObject, newItem: YourObject): Boolean {
    return oldItem.yourObjectValue == newItem.yourObjectValue 
  }

  override fun areContentsTheSame(oldItem: YourObject, newItem: YourObject): Boolean {
    return oldItem == newItem
  }
}

/**
* Listener for your list items
*/

class YourListener(val clickListener: (yourObject: YourObject, 
  view: View) -> Unit) {
  fun onClick(yourObject: YourObject, view: View) = 
    clickListener(yourObject, view)
}

Articles connexes