Salut tout le monde!  Dans cet article, j'aimerais examiner des moyens rapides d'optimiser lors de l'utilisation de RecyclerView.  RecyclerView est un composant d'interface utilisateur, c'est-à-dire un élément qui peut être ajouté à l'interface pour afficher facilement une liste. Il est intégré au code et contient déjà des outils pour afficher, animer et optimiser la liste, et prend également en charge les paramètres de personnalisation.  Les principaux composants de RecyclerView  Pour que RecyclerView fonctionne correctement, vous devez implémenter les composants suivants :    , qui doit être ajouté à la mise en page de notre activité ; RecyclerView    , qui contient, traite et associe les données à la liste ; Adapter    , a mis à jour Adapter et accepte DiffUtil dans le constructeur ; ListAdapter    , qui sert à optimiser les ressources et est une sorte de conteneur pour tous les éléments inclus dans la liste ; ViewHolder    , qui est utilisé pour optimiser la liste. DiffUtil  Je n'entrerai pas dans les détails de la façon de l'implémenter à partir de zéro, vous pouvez le trouver sur le   . lien  Première optimisation de ViewHolder.  Supprimez l’accès aux ressources et la diffusion dans ViewHolder lors de la liaison.  Par exemple, prenons le code ci-dessous :   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 } }  Chaque fois que la méthode   est appelée, les appels   et   seront appelés, et   sera également appelé pour la conversion de chaîne. De cette façon, nous consommons plus de mémoire. Et vous devez vous assurer que la méthode   est exécutée rapidement et vous devez vous efforcer de vous assurer que la tâche   affiche uniquement les éléments de la liste. Pour les optimisations, il est préférable d'obtenir la chaîne   ,   et color dans l'objet   . bind getString getColor toString bind ViewHolder eventId stateText TrackingUiModel  Le code optimisé ressemble maintenant à ceci :   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 } }  Nous avons tout pris au-delà du   , tout ce dont nous avons besoin et tout prêt sera reçu dans   . ViewHolder TrackingUiModel  Deuxièmement, nous utiliserons ListAdapter et DiffUtil.  Si vous utilisez   , vous devez passer à   et utiliser   avec. RecyclerView.Adapter ListAdapter DiffUtil  Par exemple, prenons le code ci-dessous :   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() } }  Lors de l'ajout d'éléments de liste, l'appel de la méthode   efface la liste, ajoute des éléments de liste et appelle enfin   . setItems notifyDataSetChanged  Imaginons que nous modifions ou mettons à jour la liste et que la méthode   soit appelée à chaque fois ; cela consommera beaucoup de ressources. Pour cette raison, il est préférable d'utiliser   et   . setItems ListAdapter DiffUtil  Vous trouverez ci-dessous un   modifié qui implémente   et utilise   ; dans mon exemple, il s'agit de la classe   . TrackingAdapter ListAdapter DiffUtil TrackingDiffCallback  Pour ajouter une liste, nous utilisons la méthode   , et sous le capot, l'adaptateur fera tout le travail de mise à jour de la liste pour nous. 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 } }  Troisièmement, utilisez la charge utile.  Il existe des cas tels que l'ajout d'éléments de liste aux favoris, la modification d'une image ou la modification d'une autre vue d'un élément de liste. Lorsque des changements se produisent dans tous ces cas, la méthode bind est appelée à nouveau dans le   et nous remarquons visuellement la surbrillance de l'élément. Pour éviter que cela ne se produise, la charge utile nous demande de l'aide. ViewHolder  Pour utiliser la charge utile, apportons une modification à   ,   et   . ViewHolder DiffUtil Adapter  Dans mon cas, j'apporterai les modifications suivantes.  Dans TrackingViewHolder, nous ajoutons une méthode de liaison avec les données qui doivent être modifiées.   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 }  Dans   , nous remplaçons la méthode   et comparons le champ en cours de modification. Dans mon cas, c'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) }  Dans   nous remplaçons la méthode   par des charges utiles. Nous vérifions si la charge utile est vide ou non, si elle n'est pas vide, alors nous obtenons le premier élément et appelons la méthode bind pour la charge utile. 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) } }  Liens de référence :    . RecyclerView   Adaptateur de liste   DiffUtil

Read My Stories

Cet audio est produit dans la langue originale de l'histoire !

3 façons rapides d'optimiser RecyclerView

About Author

COMMENTAIRES

ÉTIQUETTES

CET ARTICLE A ÉTÉ PARU DANS

Related Stories

Appuyez pour gagner : Telegram pourrait intégrer les 10 prochains milliards d'utilisateurs de crypto avant Solana

Nomades numériques, écoutez : ce que vous devez savoir sur le nouveau visa DTV de la Thaïlande

Vous voulez gagner un concours d’écriture HackerNoon ? Voici ce que recommandent les gagnants du concours #crypto-api

Les couches invisibles : pourquoi les entretiens avec les utilisateurs sont un atout irremplaçable

Appuyez pour gagner : Telegram pourrait intégrer les 10 prochains milliards d'utilisateurs de crypto avant Solana

Nomades numériques, écoutez : ce que vous devez savoir sur le nouveau visa DTV de la Thaïlande

Vous voulez gagner un concours d’écriture HackerNoon ? Voici ce que recommandent les gagnants du concours #crypto-api

Les couches invisibles : pourquoi les entretiens avec les utilisateurs sont un atout irremplaçable

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps