~/talk

Motional intelligence: Build smarter animations

Talkat Google I/O 2019 · 2019-05-07..05-09· [web-animation, android]
slides:none on file

Explains concrete techniques to make state-driven UI animations reliable: three requirements are reentrant continuous smooth. Recommends Android APIs and patterns—ViewPropertyAnimator for safe cancelation, SpringAnimation with animateToFinalPosition and view‑tagged extension helpers to retain and retarget running springs, AnimatedStateListDrawable and StateListAnimator for drawable/view state transitions, and a single progress property for custom views. Shows a RecyclerView ItemAnimator and the Google I/O booking button implemented this way and reports noticeably smoother, interruptible, and correct animations.

AI-written summary · about

  1. 0:00Intro
  2. 0:56Why animations matter
  3. 3:57UI model
  4. 5:22Reentrant
  5. 6:00Continuous
  6. 6:49Smoothness
  7. 7:39Code
  8. 9:25Cancel animation
  9. 10:57Stutter change
  10. 12:50Spring
  11. 15:19End listeners
  12. 16:27Springs
  13. 17:36RecyclerView item animator
  14. 18:43Default item animator
  15. 19:16Stateless drawable
  16. 21:16Reservation button
  17. 21:49Custom states
  18. 23:26Creating drawable states
  19. 23:46Intermediary states
  20. 24:59AnimatedVectorDrawable
  21. 25:29AnimateStateless
  22. 26:13StateListAnimator
  23. 26:33StatelessAnimator
  24. 27:20StatelessAnimator Score
  25. 28:29Custom View Animation
  26. 30:43Conclusion
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.