Creating list screens got amazing with the release of the RecyclerView widget. Of course, this also means more work. Ivan will show you some tips and tricks on how to add animations on list items and make them more pleasing to the eye and fun for the user.

1. We're an independent
design & development
agency.

2. Create fun lists (fun
for the user)
IVAN MARIĆ

3. RECYCLER VIEW
Replaces ListView and GridView
Force usage of ViewHolder pattern
More work for a developer

4. MANUAL WORK
No dividers
No onItemClickListener
LayoutManager

5. ANIMATIONS

6. http://stackoverflow.com/questions/3928193/how-to-animate-
addition-or-removal-of-android-listview-rows
HOW ANIMATION WORKS
RecyclerView.ItemAnimator
DefaultItemAnimator
animateAppearance() → notifyItemInserted(int)
animateChange() → notifyItemChanged(int)
animateDisappearance() → notifyItemRemoved(int)
animatePersistence() → notifyItemMoved(int, int)
RecyclerView.ItemAnimator RecyclerView.Adapter

7. SIMPLE ITEM ANIMATOR
animateAdd
animateMove
animateChange
animateRemove

8. https://github.com/wasabeef/recyclerview-animators
BEFORE YOU START TO CODE
21 Animators
5 Adapters
3000+ stars

9. DO’S AND DON’TS

10. PREPARE HOLDER FOR ANIMATION
Initialize view properties before animation start
When saving for run pending

11. RESET ANIMATIONS
endAnimation(ViewHolder)
Missing views
Ghost Views

12. ALWAYS CALL DISPATCH END
dispatchMoveFinished
dispatchAddFinished
dispatchRemoveFinished
dispatchChangeFinished

13. WATCH ANIMATIONS ORDER
runPendingAnimations
Depends on the desired behaviour
Animation start delay

14. DECORATOR ANIMATIONS
Dividers draw over the items
Animate in the ItemDecoration
Move decoration into the view

15. PREDICTIVE ANIMATIONS
Animate holder currently not visible
Could cause problems with multiple view types
Option to turn off

17. Any questions?
IVAN.MARIC@INFINUM.CO
IVAN MARIĆ
Visit infinum.co or find us on social networks:
infinum.co infinumco infinumco infinum