Correct way of implementing fade in/out animation for recyclerview

Question

I was wondering, what's the correct way of implementing fade in/out animation for recyclerview items (onClick event) using MVP pattern.

Well, my approach was following:

User touches item

[In my VIEW] adapter.notifyItemChanged(position: Int)

onBindViewHolder() reacts and this is where I set my animations:

override fun itemSelected(selected: Boolean) { if (selected) { notSoSpecialView.visibility = View.GONE specialView.startAnimation(AnimationUtils.fadeIn()) specialView.visibility = View.VISIBLE } else { notSoSpecialView.visibility = View.VISIBLE specialView.startAnimation(AnimationUtils.fadeOut() specialView.visibility = View.GONE } }

Well, it works as I expect when Item is clicked - it fades out/in correctly, but, when I fastly scroll down/up, views get rebinded and now, every view calls itemSelected(false) which makes unnecessary animations. How can I avoid this?

I did try to use specialView.clearAnimation(), but that did not work.

Looks good, Have you tried notSoSpecialView.visibility = View.INVISIBLE? — Pankaj Kant Patel, Jan 21 '18 at 11:14
You can try to use `setHasStableIds()` methods, specifying each item unique ID. — Anton Kazakov, Jan 21 '18 at 11:15
@AntonKazakov Can u give an example and explanation on why it should work? :) — JoshuaMad, Jan 21 '18 at 11:19

score 2 · Answer 1 · answered Jan 21 '18 at 11:33

2

You need ItemAnimator.

for example, you can refer this link on SO and also a very great resource from the Medium

answered Jan 21 '18 at 11:33

tatocaster

316
3
10

Correct way of implementing fade in/out animation for recyclerview

1 Answers1