Sample material transition animations for Android
Switch branches/tags
Nothing to show
Clone or download
Todd Way
Latest commit 6892f25 Aug 3, 2016

DEPRECATED - this example is no longer maintained. See ListOfThings for a newer implementation.

Android Material Transitions

This Android project samples some Material Design-ish transitions for list items and floating action buttons. It uses the the shared element concept introduced in Android 5.0. I tried to pull it off with pure fragment transitions and ran into a few stags (see below) so my current solution uses an activity transition for each step.


Activity Transition tricks:

  • Generate a background bitmap immediately before the transition and pass it to the called activity
  • Suppress the view overaly (used by default for activity transitions) to keep shared elements behind the toolbar & system bars
  • Fall back to fade and scale activity transitions when < 5.0

Fragment Transition issues:

  • animating a shared element appears to only work when using .replace() - not .add()
  • Unlike Activity transitions, the view overlay is not used for fragment transitions so shared elements might animate behind other views (especially when reversing a transition). setElevation() helps some of the time.
  • if transitionName is set at runtime (with java - not xml) it may not survive all lifecycle events. E.g. when returning to a fragment from popBackStack()
  • On Activity transitions the second activity's elements are animated when the transition is played forward AND when reversed. For Fragment transitions, the second activity's elements are animated when played forward but the first activity's elements are animated when reversed.

More Help


Copyright 2015 Todd Way

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
See the License for the specific language governing permissions and
limitations under the License.