Herkese selam!  Bu yazıda RecyclerView kullanırken optimizasyon yapmanın hızlı yollarına bakmak istiyorum.  RecyclerView bir kullanıcı arayüzü bileşenidir, yani bir listeyi uygun şekilde görüntülemek için arayüze eklenebilen bir öğedir. Kodun içine yerleştirilmiştir ve listeyi görüntülemek, canlandırmak ve optimize etmek için zaten araçlar içerir ve ayrıca özelleştirme ayarlarını da destekler.  RecyclerView'ın Ana Bileşenleri  RecyclerView'ın doğru çalışması için aşağıdaki bileşenleri uygulamanız gerekir:  Faaliyetimizin düzenine eklenmesi gereken   ; RecyclerView  Verileri içeren, işleyen ve listeyle ilişkilendiren   ; Adapter    , Adapter güncellendi ve yapıcıda DiffUtil'i kabul etti; ListAdapter  Kaynakları optimize etmeye yarayan ve listede yer alan tüm öğeler için bir tür kap olan   ; ViewHolder  Listeyi optimize etmek için kullanılan   . DiffUtil  Sıfırdan nasıl uygulanacağına girmeyeceğim,   bulabilirsiniz. linkte  ViewHolder'ın İlk Optimizasyonu.  Bağlama sırasında ViewHolder'da kaynaklara ve yayına erişimi kaldırın.  Örneğin aşağıdaki kodu alın:   data class TrackingUiModel( val id: Long, val title: String, @ColorRes val color: Int, val eventId: Long, val state: TrackingState, val startTime: Long, val endTime: Long, val countTime: Long, val formattedTime: String, ) class TrackingViewHolder(itemView: View): ViewHolder(itemView) { private val binding : TrackingItemBinding by viewBinding() @SuppressLint("SetTextI18n") fun bind(data: TrackingUiModel) { val stateText = when (data.state) { TrackingState.START -> itemView.context.getString(R.string.in_progress) TrackingState.PAUSE -> itemView.context.getString(R.string.pause) else -> { "" } } binding.eventId.text = data.eventId.toString() binding.eventTitle.text = "${data.title} $stateText" binding.eventColor.setBackgroundColor(ContextCompat.getColor(itemView.context, data.color)) binding.countTextView.text = data.formattedTime } }    yöntemi her çağrıldığında   ve   çağrıları çağrılacak ve ayrıca dize dönüşümü için   çağrılacaktır. Bu şekilde daha fazla hafıza tüketiriz.   yönteminin hızlı bir şekilde yürütüldüğünden emin olmanız ve   görevinin yalnızca liste öğelerini görüntülemesini sağlamaya çalışmalısınız. Optimizasyonlar için,   nesnesinde   ,   ve color dizesini almak daha iyidir. bind getString getColor toString bind ViewHolder TrackingUiModel eventId stateText  Optimize edilmiş kod artık şöyle görünüyor:   data class TrackingUiModel( val id: Long, val title: String, val color: Int, val eventId: String, val state: TrackingState, val stateText: String, val startTime: Long, val endTime: Long, val countTime: Long, val formattedTime: String, ) class TrackingViewHolder(itemView: View): ViewHolder(itemView) { private val binding : TrackingItemBinding by viewBinding() fun bind(data: TrackingUiModel) { binding.eventId.text = data.eventId binding.eventTitle.text = "${data.title} ${data.stateText}" binding.eventColor.setBackgroundColor(data.color) binding.countTextView.text = data.formattedTime } }    ötesine geçen her şeyi aldık, ihtiyacımız olan her şey hazır olarak   alınacak. ViewHolder TrackingUiModel  İkinci olarak ListAdapter ve DiffUtil'i Kullanacağız.    kullanıyorsanız   geçmeli ve onunla birlikte   kullanmalısınız. RecyclerView.Adapter ListAdapter DiffUtil  Örneğin aşağıdaki kodu alın:   class TrackingAdapter: RecyclerView.Adapter<TrackingViewHolder>(){ private val mItems = mutableListOf<TrackingUiModel>() override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TrackingViewHolder { return TrackingViewHolder( LayoutInflater.from(parent.context) .inflate(R.layout.tracking_item, parent, false)) } override fun getItemCount(): Int = mItems.size override fun onBindViewHolder(holder: TrackingViewHolder, position: Int) { holder.bind(mItems[position]) } fun setItems(items: List<TrackingUiModel>){ mItems.clear() mItems.addAll(items) notifyDataSetChanged() } }  Liste öğeleri eklerken   yönteminin çağrılması listeyi temizler, liste öğelerini ekler ve son olarak   çağırır. setItems notifyDataSetChanged  Listeyi değiştirdiğimizi veya güncellediğimizi ve her seferinde   yönteminin çağrılacağını düşünelim; bu oldukça kaynak tüketen bir işlem olacaktır. Bu nedenle   ve   kullanmak daha iyidir. setItems ListAdapter DiffUtil  Aşağıda   uygulayan ve   kullanan değiştirilmiş bir   bulunmaktadır; benim örneğimde   sınıfıdır. ListAdapter DiffUtil TrackingAdapter TrackingDiffCallback  Bir liste eklemek için   yöntemini kullanırız ve aslında bağdaştırıcı listeyi güncellemeyle ilgili tüm işi bizim için yapar. trackingAdapter.submitList   class TrackingAdapter: ListAdapter<TrackingUiModel, TrackingViewHolder>(TrackingDiffCallback()){ override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TrackingViewHolder { return TrackingViewHolder( LayoutInflater.from(parent.context) .inflate(R.layout.tracking_item, parent, false)) } override fun onBindViewHolder(holder: TrackingViewHolder, position: Int) { holder.bind(getItem(position)) } }   class TrackingDiffCallback: DiffUtil.ItemCallback<TrackingUiModel>() { override fun areItemsTheSame(oldItem: TrackingUiModel, newItem: TrackingUiModel): Boolean { return oldItem.id == newItem.id } override fun areContentsTheSame(oldItem: TrackingUiModel, newItem: TrackingUiModel): Boolean { return oldItem == newItem } }  Üçüncüsü, Yükü Kullan.  Liste öğelerinin favorilere eklenmesi, bir görselin değiştirilmesi veya bir liste öğesinin başka bir görünümünün değiştirilmesi gibi durumlar vardır. Tüm bu durumlarda değişiklik meydana geldiğinde,   bağlama yöntemi tekrar çağrılır ve öğenin vurgulanmasını görsel olarak fark ederiz. Bunun olmasını önlemek için payload yardım için bize geliyor. ViewHolder  Payload'ı kullanmak için   ,   ve   bir değişiklik yapalım. ViewHolder DiffUtil Adapter  Benim durumumda aşağıdaki değişiklikleri yapacağım.  TrackingViewHolder'da değiştirilmesi gereken verileri içeren bir bağlama yöntemi ekliyoruz.   fun bind(data: TrackingUiModel, newTime: String) { binding.eventId.text = data.eventId binding.eventTitle.text = "${data.title} ${data.stateText}" binding.eventColor.setBackgroundColor(data.color) binding.countTextView.text = newTime }      yöntemini geçersiz kılıyoruz ve değiştirilen alanı karşılaştırıyoruz. Benim durumumda bu   . TrackingDiffCallback getChangePayload formattedTime   override fun getChangePayload(oldItem: TrackingUiModel, newItem: TrackingUiModel): Any? { if (oldItem.formattedTime != newItem.formattedTime) return newItem.formattedTime return super.getChangePayload(oldItem, newItem) }      yöntemini payloadlarla geçersiz kılıyoruz. Payload'un boş olup olmadığını kontrol ediyoruz, boş değilse daha sonra ilk elemanı alıyoruz ve payload için bağlama yöntemini çağırıyoruz. TrackingListAdapter, onBindViewHolder     override fun onBindViewHolder(holder: TrackingViewHolder, position: Int, payloads: MutableList<Any>) { if (payloads.isEmpty()) { super.onBindViewHolder(holder, position, payloads) } else { val newTime = payloads.firstOrNull() as? String ?: "" holder.bind(getItem(position), newTime) } }  Referans bağlantıları:   Geri Dönüşüm Görünümü   Liste Adaptörü   DiffUtil

Read My Stories

Bu ses hikayenin orijinal dilinde üretilmiştir!

RecyclerView'ı Optimize Etmenin 3 Hızlı Yolu

About Author

YORUMLAR

ETİKETLERİ ASIN

BU YAZI

Related Stories

HackerNoon Yazma Yarışmasını mı Kazanmak İstiyorsunuz? İşte #crypto-api Yarışması Kazananlarının Önerileri

Forumlardan Feed'lere: Sosyal Medya Algoritmaları Dijital Etkileşimi Nasıl Şekillendiriyor

Görünmeyen Katmanlar: Kullanıcı Görüşmeleri Neden Yeri doldurulamaz bir Varlıktır?

Yapay Zekanın Gücünü Ortaya Çıkarıyoruz. En Son Tekniklerin Sistematik Bir İncelemesi: Özet ve Giriş

HackerNoon Yazma Yarışmasını mı Kazanmak İstiyorsunuz? İşte #crypto-api Yarışması Kazananlarının Önerileri

Forumlardan Feed'lere: Sosyal Medya Algoritmaları Dijital Etkileşimi Nasıl Şekillendiriyor

Görünmeyen Katmanlar: Kullanıcı Görüşmeleri Neden Yeri doldurulamaz bir Varlıktır?

Yapay Zekanın Gücünü Ortaya Çıkarıyoruz. En Son Tekniklerin Sistematik Bir İncelemesi: Özet ve Giriş

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps