¡Hola a todos!  En este artículo, me gustaría analizar formas rápidas de optimizar el uso de RecyclerView.  RecyclerView es un componente de la interfaz de usuario, es decir, un elemento que se puede agregar a la interfaz para mostrar una lista cómodamente. Está integrado en el código y ya contiene herramientas para mostrar, animar y optimizar la lista, y también admite configuraciones de personalización.  Los componentes principales de RecyclerView  Para que RecyclerView funcione correctamente, debe implementar los siguientes componentes:    , que debe agregarse al diseño de nuestra Actividad; RecyclerView    , que contiene, procesa y asocia datos con la lista; Adapter    , Adaptador actualizado y acepta DiffUtil en el constructor; ListAdapter    , que sirve para optimizar recursos y es una especie de contenedor para todos los elementos incluidos en la lista; ViewHolder    , que se utiliza para optimizar la lista. DiffUtil  No entraré en cómo implementarlo desde cero, puedes encontrarlo en el   . enlace  Primera optimización de ViewHolder.  Elimine el acceso a los recursos y la transmisión en ViewHolder al vincular.  Por ejemplo, tome el siguiente código:   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 } }  Cada vez que se llama al método   , se llamarán las llamadas   y   , y también se llamará   para la conversión de cadenas. De esta forma consumimos más memoria. Y debe asegurarse de que el método   se ejecute rápidamente y debe esforzarse por garantizar que la tarea   solo muestre elementos de la lista. Para optimizaciones, es mejor obtener la cadena   ,   y color en el objeto   . bind getString getColor toString bind ViewHolder eventId stateText TrackingUiModel  El código optimizado ahora se ve así:   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 } }  Hemos llevado todo más allá de   , todo lo que necesitamos y listo se recibirá en   . ViewHolder TrackingUiModel  En segundo lugar, utilizaremos ListAdapter y DiffUtil.  Si está utilizando   , entonces debe cambiar a   y utilizar   junto con él. RecyclerView.Adapter ListAdapter DiffUtil  Por ejemplo, tome el siguiente código:   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() } }  Al agregar elementos de la lista, llamar al método   borra la lista, agrega elementos de la lista y finalmente llama a   . setItems notifyDataSetChanged  Imaginemos que cambiamos o actualizamos la lista y que se llamará al método   cada vez; esto consumirá bastantes recursos. Por este motivo, es mejor utilizar   y   . setItems ListAdapter DiffUtil  A continuación se muestra un   modificado que implementa   y usa   ; en mi ejemplo, es la clase   . TrackingAdapter ListAdapter DiffUtil TrackingDiffCallback  Para agregar una lista, usamos el método   y, bajo el capó, el adaptador hará todo el trabajo de actualizar la lista por nosotros. 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 } }  En tercer lugar, utilice la carga útil.  Existen casos como agregar elementos de la lista a favoritos, cambiar una imagen o cambiar alguna otra vista de un elemento de la lista. Cuando se producen cambios en todos estos casos, el método de vinculación se llama nuevamente en   y notamos visualmente el resaltado del elemento. Para evitar que esto suceda, la carga útil acude a nosotros en busca de ayuda. ViewHolder  Para usar la carga útil, hagamos un cambio en   ,   y   . ViewHolder DiffUtil Adapter  En mi caso, haré los siguientes cambios.  En TrackingViewHolder, agregamos un método de enlace con los datos que deben cambiarse.   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 }  En   , anulamos el método   y comparamos el campo que se está cambiando. En mi caso, está   . TrackingDiffCallback getChangePayload formattedTime   override fun getChangePayload(oldItem: TrackingUiModel, newItem: TrackingUiModel): Any? { if (oldItem.formattedTime != newItem.formattedTime) return newItem.formattedTime return super.getChangePayload(oldItem, newItem) }  En   anulamos el método   con cargas útiles. Verificamos si la carga útil está vacía o no; si no está vacía, obtenemos el primer elemento y llamamos al método de vinculación para la carga útil. 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) } }  Enlaces de referencia:    . Vista del reciclador   Adaptador de lista   DiffUtil

Read My Stories

Este audio es producido en el idioma original de la historia!

Tres formas rápidas de optimizar RecyclerView

About Author

COMENTARIOS

ETIQUETAS

ESTE ARTÍCULO FUE PRESENTADO EN

Related Stories

De los foros a los feeds: cómo los algoritmos de las redes sociales influyen en la interacción digital

Crecimiento de las criptomonedas: creación de perfiles de usuarios eficaces

Creación de productos criptográficos centrados en el usuario: la importancia de los comentarios de los clientes

La guía completa para una migración exitosa a la nube: estrategias y mejores prácticas

De los foros a los feeds: cómo los algoritmos de las redes sociales influyen en la interacción digital

Crecimiento de las criptomonedas: creación de perfiles de usuarios eficaces

Creación de productos criptográficos centrados en el usuario: la importancia de los comentarios de los clientes

La guía completa para una migración exitosa a la nube: estrategias y mejores prácticas

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps