~/talk

FROM 0 TO MATERIAL MOTION: CREATING ANIMATIONS AND TRANSITIONS

Talkat droidcon Berlin 2018 · 2018-06-25..06-27· [android, web-animation]
github:jossiwolf
slides:none on file

Shows how to reproduce a Google Play style sequence: use ActivityOptions.makeSceneTransitionAnimation with matching transitionName, wait for the shared element enter transition to finish, then call ViewAnimationUtils.createCircularReveal on the hidden background with start radius 0 and end radius the view width, set duration ~350–500ms (examples use 400ms), and apply an accelerate‑decelerate interpolator and arc motion (max 90°) so the moving element follows a natural curve. Covers circular reveal, shared element transition, and the new motion layout alpha (ConstraintLayout 2.0, backward compatible to API 18) and when each tool is appropriate.

AI-written summary · about

  1. 0:00Introduction and speaker intro
  2. 2:06Why animations and transitions matter
  3. 6:50Breaking down animations into steps
  4. 8:38Tools for animating in Android
  5. 11:10Building the UI for transitions
  6. 13:23Implementing circular reveal
  7. 15:32Adding material motion principles
  8. 21:13Introducing motion layout
  9. 25:54Conclusion and resources
~/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.