Comment s'affiche l'écran de message VK?

Le rapport révèle trois sujets

• Les solutions standard sont les principes de base du fonctionnement de l'écran de message VK.
• Les solutions non standard sont des solutions peu connues ou originales qui permettent de minimiser les retards d'interface utilisateur.
• Les alternatives concernent différentes bibliothèques et implémentations, ainsi que les raisons pour lesquelles les développeurs VK ne les ont pas utilisées.

• dates et indicateurs de chargement,
• messages de service
• texte (emoji, lien, email, hashtags),
• clavier bot
• ~ 40 façons d'afficher les pièces jointes,
• arborescence des messages transférés.

Solutions standard

RecyclerView et ses modules complémentaires

• setHasFixedSize ( boolean)

• setNestedScrollingEnabled ( boolean)

• setItemViewCacheSize ( cache_size)
  

• il y a un ViewHolder affiché sur l'écran;
• il y a un RecycledViewPool stockant ViewHolder;
• ViewHolder — RecycledViewPool.

Optimisation OnCreate / OnBind

• mise en page facile (nous essayons d'utiliser autant que possible FrameLayout ou Custom ViewGroup),
• les opérations lourdes (parsing links / emoji) se font de manière asynchrone au stade du chargement des messages,
• StringBuilder pour la mise en forme du nom, de la date, etc.,
• et d'autres solutions qui réduisent le temps de travail de ces méthodes.

Tracking Adapter.onFailedToRecyclerView ()

Suivi du découvert et du profileur

Difficile

Des animations

view.startAnimation(TranslateAnimation(fromX = 0, toX = 300))

val animX = ObjectAnimator.ofFloat(view, “translationX”, 100f)
val animY = ObjectAnimator.ofFloat(view, “translationY”, 200f)
AnimatorSet().apply {
    playTogether(animX, animY)
    start()
}

view.animate().translationX(100f).translationY(200f) 

1. Lecture et maintenance du code plus faciles.
2. Animation d'opérations par lots.

Animations: TransitionManager

TransitionManager.beginDelayedTransition(
        viewGroup = <LinearLayoutManager>,
        transition = AutoTransition())
playerView.visibility = View.GONE

Solutions personnalisées

De quoi est responsable BaseViewHolder?

Global RecycledViewPool

• dans le cadre d'Application, RecycledViewPool vit comme un singleton;
• réutilisé sur l'écran de message lorsque l'utilisateur passe d'un écran à l'autre;
• défini comme RecyclerView.setRecycledViewPool (pool).

• vous allez à l'écran, cliquez sur retour, quittez. Le problème est que les ViewHolders qui étaient à l'écran sont jetés et ne sont pas retournés à la piscine. Ceci est résolu comme suit:
  

  LinearLayoutManager.recycleChildrenOnDetach = true

• RecycledViewPool a des limites: pas plus de cinq ViewHolders peuvent être stockés pour chaque ViewType.

DiffUtil n'est pas toujours utile

abstract class BaseViewHolder : ViewHolder {
    …
    fun updateUploadProgress(attachId: Int, progress: Float)
    …        
}

fun onUploadProgress(attachId: Int, progress: Float) {
    forEachActiveViewHolder {
        it.updateUploadProgress(attachId, progress)
    }
}

val firstVisiblePosition = <...>
val lastVisiblePosition = <...>
for (i in firstVisiblePosition.. lastVisiblePosition) {
    val viewHolder = recycler.View.findViewHolderForAdapterPosition(i)
    viewHolder.updateUploadProgress(..)
}

class Adapter : RecyclerView.Adapter {
    val activeViewHolders = WeakSet<ViewHolder>()
        
    fun onBindViewHolder(holder: ViewHolder, position: Int) {
        activeViewHolders.add(holder)
    }

    fun onViewRecycled(holder: ViewHolder) {
        activeViewHolders.remove(holder)
    }
}

Superposition de ViewHolder

class OffsetItemDecoration : RecyclerViewItemDecoration() {
    overrride fun getItemOffsets(offset: Rect, …) {
        offset.top = -100dp
    }
}

Idlehandler

@AnyThread
class IdleHandler {
    private val handler = Handler(Looper.getMainLooper())

    fun post(task: Runnable) {
        handler.post {
            Looper.myQueue().addIdleHandler {
                task.run()
                return@addIdleHandler false
            }
        }
    }
}

Emoji

Alternatives

Gonfler

Debug.startMethodTracing(“trace»)
inflate(...)
Debug.stopMethodTracing()

Anko

Litho / Flutter

Jetpack compose

Une grande vue personnalisée

• C'est difficile à maintenir.
• Cela n'a pas de sens dans les réalités actuelles.

Sommaire

, Mobius 2019 Piter , . , , SQLite, . Mobius 2020 Piter .