RecyclerView.ItemAnimator @MoyuruAizawa

MoyuruAizawa Moyuru Aizawa
 Software Engineer of Azit Inc. and RABO Inc. Previously at CyberAgent Inc. and Eureka Inc.

RecyclerViewγϦʔζ☺

‣ RecyclerView.LayoutManager ‣ RecyclerView.ItemDecoration ‣ RecyclerView.RecycledViewPool ‣ RecyclerView.ItemAnimator ‣ https://speakerdeck.com/lvla RecyclerViewγϦʔζ☺

‣ RecyclerView.Adapterʹมߋ͕ੜͨ࣌͡ͷΞχϝʔγϣϯΛఆٛ͢Δ ‣ ௥Ճ ‣ ࡟আ ‣ Ҡಈ ‣ มߋ ‣ Predictive Animations RecyclerView.ItemAnimator

‣ RecyclerView.ItemAnimatorΛܧঝͨ͠ந৅Ϋϥε ‣ ࢖͍·Θͤͦ͏ͳॲཧΛ༧Ί࣮૷ͯ͘͠ΕͯΔ ‣ 2ݸؔ਺Λ࣮૷͢Ε͹ͱΓ͋͑ͣ͸Ξχϝʔγϣϯͤ͞ΕΔ SimpleItemAnimator

‣ SimpleItemAnimator#animateXxx [Add | Remove | Move | Change] ‣ SimpleItemAnimator#runPendingAnimations ‣ SimpleItemAnimator#isRunning ‣ SimpleItemAnimator#endAnimation ‣ SimpleItemAnimator#endAnimations SimpleItemAnimator

‣ SimpleItemAnimator#animateXxx [Add | Remove | Move | Change] ‣ SimpleItemAnimator#runPendingAnimations ‣ SimpleItemAnimator#isRunning ‣ SimpleItemAnimator#endAnimation ‣ SimpleItemAnimator#endAnimations SimpleItemAnimator

‣ ࣮ߦ͍ͨ͠ΞχϝʔγϣϯΛఆٛ͢Δؔ਺ ‣ ͜ͷؔ਺಺Ͱ͸ΞχϝʔγϣϯΛ࣮ߦ͠ͳ͍ ‣ animateAddͰfade in͍ͤͨ͞৔߹ ‣ ViewͷalphaΛ0ʹ͓ͯ͘͠ ‣ alphaΛ0->1ʹ͢ΔAnimationΛ૊Έཱ͓ͯͯ͘ SimpleItemAnimator#animateXxx

‣ SimpleItemAnimator#animateXxxͰఆٛͨ͠ΞχϝʔγϣϯΛ࣮ߦ͢ Δؔ਺ SimpleItemAnimator#runPendingAnimations

‣ Ξχϝʔγϣϯத͔Ͳ͏͔ฦ͢ SimpleItemAnimator#isRunning

‣ ΞχϝʔγϣϯΛଈ࠲ʹऴྃ͢΂͖ͱ͖ʹݺ͹ΕΔ ‣ εΫϩʔϧͳͲͷΠϕϯτ࣌ʹݺ͹ΕΔ ‣ Fade inΞχϝʔγϣϯͷ৔߹ ‣ ΞχϝʔγϣϯΛΩϟϯηϧ͢Δ ‣ alphaΛ1ʹมߋ͢Δ SimpleItemAnimator#endAnimation / endAnimations

class Animator : SimpleItemAnimator() { private val pendingAnimators = LinkedList() private val runningAnimators = LinkedList() … override fun animateAdd(holder: RecyclerView.ViewHolder): Boolean { holder.itemView.alpha = 0f ViewCompat.animate(holder.itemView) .alpha(1f) .setDuration(addDuration) .setInterpolator(DecelerateInterpolator()) .let(pendingAnimators::add) return true } } SimpleItemAnimator#animateAdd

class Animator : SimpleItemAnimator() { private val pendingAnimators = LinkedList() private val runningAnimators = LinkedList() … override fun animateAdd(holder: RecyclerView.ViewHolder): Boolean { holder.itemView.alpha = 0f ViewCompat.animate(holder.itemView) .alpha(1f) .setDuration(addDuration) .setInterpolator(DecelerateInterpolator()) .let(pendingAnimators::add) return true } } SimpleItemAnimator#animateAdd

class Animator : SimpleItemAnimator() { private val pendingAnimators = LinkedList() private val runningAnimators = LinkedList() … override fun animateAdd(holder: RecyclerView.ViewHolder): Boolean { holder.itemView.alpha = 0f ViewCompat.animate(holder.itemView) .alpha(1f) .setDuration(addDuration) .setInterpolator(DecelerateInterpolator()) .let(pendingAnimators::add) return true } } SimpleItemAnimator#animateAdd

class Animator : SimpleItemAnimator() { private val pendingAnimators = LinkedList() private val runningAnimators = LinkedList() … override fun animateAdd(holder: RecyclerView.ViewHolder): Boolean { holder.itemView.alpha = 0f ViewCompat.animate(holder.itemView) .alpha(1f) .setDuration(addDuration) .setInterpolator(DecelerateInterpolator()) .let(pendingAnimators::add) return true } } SimpleItemAnimator#animateAdd

class Animator : SimpleItemAnimator() { … override fun runPendingAnimations() { pendingAnimators.forEach { animation -> animation.setListener(object : ViewPropertyAnimatorListener { override fun onAnimationStart(view: View?) { runningAnimators.add(animation) } override fun onAnimationEnd(view: View?) { runningAnimators.remove(animation) } override fun onAnimationCancel(view: View?) { runningAnimators.remove(animation) } }).start() pendingAnimators.clear() } } } SimpleItemAnimator#pendingAnimations

class Animator : SimpleItemAnimator() { … override fun runPendingAnimations() { pendingAnimators.forEach { animation -> animation.setListener(object : ViewPropertyAnimatorListener { override fun onAnimationStart(view: View?) { runningAnimators.add(animation) } override fun onAnimationEnd(view: View?) { runningAnimators.remove(animation) } override fun onAnimationCancel(view: View?) { runningAnimators.remove(animation) } }).start() pendingAnimators.clear() } } } SimpleItemAnimator#pendingAnimations

class Animator : SimpleItemAnimator() { … override fun runPendingAnimations() { pendingAnimators.forEach { animation -> animation.setListener(object : ViewPropertyAnimatorListener { override fun onAnimationStart(view: View?) { runningAnimators.add(animation) } override fun onAnimationEnd(view: View?) { runningAnimators.remove(animation) } override fun onAnimationCancel(view: View?) { runningAnimators.remove(animation) } }).start() pendingAnimators.clear() } } } SimpleItemAnimator#pendingAnimations

class Animator : SimpleItemAnimator() { … override fun runPendingAnimations() { pendingAnimators.forEach { animation -> animation.setListener(object : ViewPropertyAnimatorListener { override fun onAnimationStart(view: View?) { runningAnimators.add(animation) } override fun onAnimationEnd(view: View?) { runningAnimators.remove(animation) } override fun onAnimationCancel(view: View?) { runningAnimators.remove(animation) } }).start() pendingAnimators.clear() } } } SimpleItemAnimator#pendingAnimations

class Animator : SimpleItemAnimator() { … override fun runPendingAnimations() { pendingAnimators.forEach { animation -> animation.setListener(object : ViewPropertyAnimatorListener { override fun onAnimationStart(view: View?) { runningAnimators.add(animation) } override fun onAnimationEnd(view: View?) { runningAnimators.remove(animation) } override fun onAnimationCancel(view: View?) { runningAnimators.remove(animation) } }).start() pendingAnimators.clear() } } } SimpleItemAnimator#pendingAnimations

class Animator : SimpleItemAnimator() { private val runningAnimators = LinkedList() override fun isRunning() = runningAnimators.isNotEmpty() override fun endAnimation(item: RecyclerView.ViewHolder) { item.itemView.animation?.cancel() item.itemView.alpha = 1f } … } SimpleItemAnimator#isRunning, endAnimation

Predictive Animations Predictive Animations Predictive Animations

‣ ૿ݮ͢ΔΞΠςϜͷΞχϝʔγϣϯʹ߹ΘͤͯલޙͷΞΠςϜͷҐஔ Λௐ੔͢Δ ‣ LayoutManager͕Predictive AnimationsʹରԠ͍ͯ͠Δඞཁ͕͋Δ
 (LinearLayoutManager, GridLayoutManager…) ‣ SimpleItemAnimator͸Predictive Animationsͷ࣮૷΋؆୯ ‣ SimpleItemAnimator#animateMoveΛ࣮૷͢Δ͚ͩ Predictive Animations

class Animator : SimpleItemAnimator() { … override fun animateMove( holder: RecyclerView.ViewHolder, fromX: Int, fromY: Int, toX: Int, toY: Int ): Boolean { holder.itemView.y = fromY.toFloat() ViewCompat.animate(holder.itemView) .y(toY.toFloat()) .setDuration(moveDuration) .setInterpolator(DecelerateInterpolator()) .let(pendingAnimators::add) return true } } SimpleItemAnimator#animateMove

class Animator : SimpleItemAnimator() { … override fun animateMove( holder: RecyclerView.ViewHolder, fromX: Int, fromY: Int, toX: Int, toY: Int ): Boolean { holder.itemView.y = fromY.toFloat() ViewCompat.animate(holder.itemView) .y(toY.toFloat()) .setDuration(moveDuration) .setInterpolator(DecelerateInterpolator()) .let(pendingAnimators::add) return true } } SimpleItemAnimator#animateMove

class Animator : SimpleItemAnimator() { … override fun animateMove( holder: RecyclerView.ViewHolder, fromX: Int, fromY: Int, toX: Int, toY: Int ): Boolean { holder.itemView.y = fromY.toFloat() ViewCompat.animate(holder.itemView) .y(toY.toFloat()) .setDuration(moveDuration) .setInterpolator(DecelerateInterpolator()) .let(pendingAnimators::add) return true } } SimpleItemAnimator#animateMove

Thank You