Oi pessoal!  Neste artigo, gostaria de examinar maneiras rápidas de otimizar ao usar o RecyclerView.  RecyclerView é um componente da interface do usuário, ou seja, um elemento que pode ser adicionado à interface para exibir uma lista de forma conveniente. Ele está embutido no código e já contém ferramentas para exibir, animar e otimizar a lista, além de oferecer suporte a configurações de personalização.  Os principais componentes do RecyclerView  Para que o RecyclerView funcione corretamente, você deve implementar os seguintes componentes:    , que deve ser adicionado ao layout da nossa Activity; RecyclerView    , que contém, processa e associa dados à lista; Adapter    , Adapter atualizado e aceita DiffUtil no construtor; ListAdapter    , que serve para otimizar recursos e é uma espécie de container para todos os elementos incluídos na lista; ViewHolder    , que é usado para otimizar a lista. DiffUtil  Não vou entrar em como implementá-lo do zero, você pode encontrá-lo no   . link  Primeira otimização do ViewHolder.  Remova o acesso aos recursos e a transmissão no ViewHolder durante a vinculação.  Por exemplo, pegue o código abaixo:   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 o método   for chamado, as chamadas   e   serão chamadas, e   também será chamado para conversão de string. Dessa forma consumimos mais memória. E você precisa ter certeza de que o método   é executado rapidamente e deve se esforçar para garantir que a tarefa   exiba apenas itens de lista. Para otimizações, é melhor obter a string   ,   e color no objeto   . bind getString getColor toString bind ViewHolder eventId stateText TrackingUiModel  O código otimizado agora fica assim:   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 } }  Levamos tudo além do   , tudo que precisamos e pronto será recebido no   . ViewHolder TrackingUiModel  Em segundo lugar, usaremos ListAdapter e DiffUtil.  Se você estiver usando   então você deve mudar para   e usar   junto com ele. RecyclerView.Adapter ListAdapter DiffUtil  Por exemplo, pegue o código abaixo:   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() } }  Ao adicionar elementos da lista, chamar o método   limpa a lista, adiciona elementos da lista e, finalmente, chama   . setItems notifyDataSetChanged  Vamos imaginar que alteramos ou atualizamos a lista, e o método   será chamado a cada vez; isso consumirá bastante recursos. Por esse motivo, é melhor usar   e   . setItems ListAdapter DiffUtil  Abaixo está um   modificado que implementa   e usa   ; no meu exemplo, é a classe   . TrackingAdapter ListAdapter DiffUtil TrackingDiffCallback  Para adicionar uma lista, usamos o método   e, nos bastidores, o adaptador fará todo o trabalho de atualização da lista para nós. 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 } }  Terceiro, use carga útil.  Existem casos como adicionar itens de lista aos favoritos, alterar uma imagem ou alterar alguma outra visualização de um item de lista. Quando ocorrem alterações em todos esses casos, o método bind é chamado novamente no   e notamos visualmente o destaque do elemento. Para evitar que isso aconteça, a carga vem até nós em busca de ajuda. ViewHolder  Para usar o payload, vamos fazer uma alteração em   ,   e   . ViewHolder DiffUtil Adapter  No meu caso, farei as seguintes alterações.  Em TrackingViewHolder, adicionamos um método de ligação com os dados que precisam ser alterados.   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 }  Em   , substituímos o método   e comparamos o campo que está sendo alterado. No meu caso, é   . TrackingDiffCallback getChangePayload formattedTime   override fun getChangePayload(oldItem: TrackingUiModel, newItem: TrackingUiModel): Any? { if (oldItem.formattedTime != newItem.formattedTime) return newItem.formattedTime return super.getChangePayload(oldItem, newItem) }  Em   substituímos o método   por cargas úteis. Verificamos se a carga útil está vazia ou não, se não estiver vazia, então obtemos o primeiro elemento e chamamos o método bind para a 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) } }  Links de referência:    . RecyclerView   Adaptador de lista   DiffUtil

Read My Stories

Este áudio é produzido no idioma original da história!

3 maneiras rápidas de otimizar o RecyclerView

About Author

COMENTARIOS

Rótulos

ESTE ARTIGO FOI APRESENTADO EM

Related Stories

As camadas invisíveis: por que as entrevistas com usuários são um ativo insubstituível

Quer ganhar um concurso de redação do HackerNoon? Aqui está o que os vencedores do concurso #crypto-api recomendam

Aumente sua produtividade com estas 18 ferramentas para desenvolvedores 🚀🔥

Toque para ganhar: Telegram pode integrar os próximos 10 bilhões de usuários criptográficos antes de Solana

As camadas invisíveis: por que as entrevistas com usuários são um ativo insubstituível

Quer ganhar um concurso de redação do HackerNoon? Aqui está o que os vencedores do concurso #crypto-api recomendam

Aumente sua produtividade com estas 18 ferramentas para desenvolvedores 🚀🔥

Toque para ganhar: Telegram pode integrar os próximos 10 bilhões de usuários criptográficos antes de Solana

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps