title: Android Material design transitions
body: <p>I want to replicate the transitions as explained in Material design by Google.
  This is the <a href="http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-meaningful-transitions-examples" rel="noreferrer">link for the preview</a>, but basically the videos I care about are those two:</p>
  
  <ol>
  <li><a href="http://material-design.storage.googleapis.com/videos/animations-meaningfultransitions-hierarchical_transitions_topLevel_large_xhdpi.webm" rel="noreferrer">http://material-design.storage.googleapis.com/videos/animations-meaningfultransitions-hierarchical_transitions_topLevel_large_xhdpi.webm</a></li>
  <li><a href="http://material-design.storage.googleapis.com/videos/animation-meaningfultransitions-view_contact_large_xhdpi.webm" rel="noreferrer">http://material-design.storage.googleapis.com/videos/animation-meaningfultransitions-view_contact_large_xhdpi.webm</a></li>
  </ol>
  
  <p>My question is what is the container of the UI? Is this a new Activity which onCreate has animations for each element or is it a fragment? </p>
  
  <p>In particular on the second example there is some movement on the 1st Activity so inside the  onClick is there an animation which also creates a 2nd activity? (note that the clicked name also moves, so this should not be a new activity)</p>
  
  <p>In other words what the layout (+Activities, fragments) should be if I want to replicate this?</p>