1page.title=Animating Views Using Scenes and Transitions
2
3@jd:body
4
5<!-- Sidebox -->
6<div id="tb-wrapper">
7<div id="tb">
8  <h2>Dependencies and Prerequisites</h2>
9  <ul>
10    <li>Android 4.4.2 (API level 19) or higher</li>
11  </ul>
12  <h2>You should also read</h2>
13  <ul>
14    <li><a href="{@docRoot}guide/topics/ui/how-android-draws.html">
15        How Android Draws Views</a></li>
16  </ul>
17  <h2>Try it out</h2>
18  <ul>
19    <li><a href="{@docRoot}samples/BasicTransition/index.html">BasicTransition</a> sample</li>
20    <li><a href="{@docRoot}samples/CustomTransition/index.html">CustomTransition</a> sample</li>
21  </ul>
22</div>
23</div>
24
25<!-- Video box -->
26<a class="notice-developers-video wide" href="http://www.youtube.com/watch?v=S3H7nJ4QaD8">
27<div>
28  <h3>Video</h3>
29  <p>DevBytes: Android 4.4 Transitions</p>
30</div>
31</a>
32
33<p>The user interface of an activity often changes in response to user input and other events.
34For example, an activity that contains a form where users can type search queries can hide
35the form when the user submits it and show a list of search results in its place.</p>
36
37<p>To provide visual continuity in these situations, you can animate changes between
38different view hierarchies in your user interface. These animations give users feedback on
39their actions and help them learn how your app works.</p>
40
41<p>Android includes the <em>transitions framework</em>, which enables you to easily
42animate changes between two view hierarchies. The framework animates the views at runtime by
43changing some of their property values over time. The framework includes built-in animations
44for common effects and lets you create custom animations and transition lifecycle callbacks.</p>
45
46<p>This class teaches you to use the built-in animations in the transitions framework to
47animate changes between view hierarchies. This class also covers how to create custom
48animations.</p>
49
50<p class="note"><strong>Note:</strong> For Android versions earlier than 4.4.2 (API level 19)
51but greater than or equal to Android 4.0 (API level 14), use the <code>animateLayoutChanges</code>
52attribute to animate layouts. To learn more, see
53<a href="{@docRoot}guide/topics/graphics/prop-animation.html">Property Animation</a> and
54<a href="{@docRoot}training/animation/layout.html">Animating Layout Changes</a>.</p>
55
56
57<h2>Lessons</h2>
58
59<dl>
60<dt><a href="{@docRoot}training/transitions/overview.html">
61The Transitions Framework</a></dt>
62<dd>
63  Learn the main features and components of the transitions framework.
64</dd>
65<dt><a href="{@docRoot}training/transitions/scenes.html">
66Creating a Scene</a></dt>
67<dd>
68  Learn how to create a scene to store the state of a view hierarchy.
69</dd>
70<dt><a href="{@docRoot}training/transitions/transitions.html">
71Applying a Transition</a></dt>
72<dd>
73  Learn how to apply a transition between two scenes of a view hierarchy.
74</dd>
75<dt><a href="{@docRoot}training/transitions/custom-transitions.html">
76Creating Custom Transitions</a></dt>
77<dd>
78  Learn how to create other animation effects not included in the transitions framework.
79</dd>
80</dl>
81