[TIL] 🌼24/04/13🌼#RecyclerView #payload #DiffUtil

[TIL] 🌼24/04/13🌼#RecyclerView #payload #DiffUtil

• 오늘여행 개발 중 RecyclerView의 항목을 롱클릭하여 드래그&드롭하여 순서 변경하는 기능을 구현하며, 항목의 순서를 표시하는 TextView만을 새로 binding하기 위해 RecyclerView의 payload를 사용한 적이 있었다.
  • [내일배움캠프] 캠프 19주차 - 3/21(목) #RecyclerView #payload
  • 드래그&드롭이 일어나면 notifyItemRangeChanged 함수의 payload 파라미터로 Any() 전달
    -> RecyclerView의 어댑터의 onBindViewHolder에서 payloads가 빈 리스트인지 아닌지 확인

• 오늘은, 이미지 검색 앱에서 RecyclerView의 항목을 클릭하여 좋아요/좋아요 취소 기능을 리팩토링하며, 항목 전체를 다시 binding하는 것이 아닌 좋아요 여부를 나타내는 하트 모양 ImageView만을 새로 binding하고 싶어져 payload를 사용했다.
  • 이번에는 payload 파라미터로 Any()를 전달하는 방식이 아닌, 다른 방식으로 구현했다!

📌참고자료:

• Efficiently updating RecyclerView items using payloads | Domen Lanišnik

• RecyclerView의 ListAdpater에 submitList로 새로운 데이터 셋을 전달
  -> DiffUtil에서 getChangePayload 함수로 payload 반환
  -> onBindViewHolder에서 payload 종류에 따라 홀더 binding 가능!

• ItemDiffCallback.kt

import androidx.recyclerview.widget.DiffUtil
import com.sparta.imagesearch.data.Item

sealed interface ItemChangePayload {
    data class FolderIdChange(val folderId: String) : ItemChangePayload
}

object ItemDiffCallback : DiffUtil.ItemCallback<Item>() {
    override fun areItemsTheSame(oldItem: Item, newItem: Item): Boolean {
        return oldItem.id == newItem.id
    }

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

    override fun getChangePayload(oldItem: Item, newItem: Item): Any? {
        return when {
            oldItem.folderId != newItem.folderId ->
                ItemChangePayload.FolderIdChange(newItem.folderId)

            else -> super.getChangePayload(oldItem, newItem)
        }
    }
}

• ItemAdapter.kt

    override fun onBindViewHolder(holder: Holder, position: Int) {
        holder.bind(currentList[position])
    }

    override fun onBindViewHolder(holder: Holder, position: Int, payloads: MutableList<Any>) {
        when(val lastPayload = payloads.lastOrNull()){
            is ItemChangePayload.FolderIdChange ->
                holder.bindHeartImageView(lastPayload.folderId)

            else -> super.onBindViewHolder(holder, position, payloads)
        }
    }