xref: /frameworks/base/docs/html-intl/intl/vi/training/material/animations.jd

page.title=nh ngha Hot hnh Ty chnh

@jd:body

<div id="tb-wrapper">
<div id="tb">
<h2>Bi hc ny hng dn bn cch</h2>
<ol>
  <li><a href="#Touch">Ty chnh Phn hi Chm</a></li>
  <li><a href="#Reveal">S dng Hiu ng L ra</a></li>
  <li><a href="#Transitions">Ty chnh Chuyn tip Hot ng</a></li>
  <li><a href="#ViewState">To Hiu ng Hot hnh Thay i Trng thi Xem</a></li>
  <li><a href="#AnimVector">To Hiu ng Hot hnh Ni dung v c Vc-t</a></li>
</ol>
<h2>Bn cng nn c</h2>
<ul>
  <li><a href="http://www.google.com/design/spec">c t phong cch Material Design</a></li>
  <li><a href="{@docRoot}design/material/index.html">Material Design trn Android</a></li>
</ul>
</div>
</div>


<p>Hot hnh theo phong cch material design phn hi hnh ng ca ngi dng v cung cp
tnh lin tc trc quan khi ngi dng tng tc vi ng dng ca bn. Giao din material cung cp mt s hot hnh
mc nh cho cc nt v chuyn tip hot ng, v Android 5.0 (API mc 21) v cao hn cho php bn ty chnh
nhng hot hnh ny v to cc hot hnh mi:</p>

<ul>
<li>Phn hi chm</li>
<li>L ra Vng trn</li>
<li>Chuyn tip hot ng</li>
<li>Chuyn ng cong</li>
<li>Thay i trng thi xem</li>
</ul>


<h2 id="Touch">Ty chnh Phn hi Chm</h2>

<p>Phn hi chm trong Material Design a ra mt xc nhn trc quan tc thi ti
im tip xc khi ngi dng tng tc vi cc phn t UI. Hot hnh phn hi chm mc nh
cho nt s s dng lp {@link android.graphics.drawable.RippleDrawable} mi  chuyn tip
gia cc trng thi khc nhau bng hiu ng gn sng.</p>

<p>Trong hu ht trng hp, bn nn p dng tnh nng ny trong tp XML dng xem ca mnh bng cch ch nh nn
dng xem l:</p>

<ul>
<li><code>?android:attr/selectableItemBackground</code> cho gn sng c gii hn.</li>
<li><code>?android:attr/selectableItemBackgroundBorderless</code> cho gn sng lan ra ngoi
dng xem. Hiu ng s c v ln v c gii hn bi dng xem m gn nht c nn
khng rng.</li>
</ul>

<p class="note"><strong>Lu :</strong> <code>selectableItemBackgroundBorderless</code> l mt thuc tnh
mi c gii thiu trong API mc 21.</p>


<p>Hoc, bn c th nh ngha {@link android.graphics.drawable.RippleDrawable}
lm ti nguyn XML bng cch s dng phn t <code>ripple</code>.</p>

<p>Bn c th gn mt mu cho cc i tng {@link android.graphics.drawable.RippleDrawable}.  thay i
mu phn hi chm mc nh, hy s dng thuc tnh <code>android:colorControlHighlight</code>
ca ch .</p>

<p> bit thm thng tin, hy xem ti liu tham kho API cho lp {@link
android.graphics.drawable.RippleDrawable}.</p>


<h2 id="Reveal">S dng Hiu ng L ra</h2>

<p>Hot hnh l ra m bo tnh lin tc trc quan cho ngi dng khi bn hin hoc n mt nhm phn t
UI. Phng thc {@link android.view.ViewAnimationUtils#createCircularReveal
ViewAnimationUtils.createCircularReveal()} cho php bn to hiu ng hot hnh mt vng trn ct hnh
 l ra hoc n mt dng xem.</p>

<p> l ra mt dng xem n trc  bng hiu ng ny:</p>

<pre>
// previously invisible view
View myView = findViewById(R.id.my_view);

// get the center for the clipping circle
int cx = (myView.getLeft() + myView.getRight()) / 2;
int cy = (myView.getTop() + myView.getBottom()) / 2;

// get the final radius for the clipping circle
int finalRadius = Math.max(myView.getWidth(), myView.getHeight());

// create the animator for this view (the start radius is zero)
Animator anim =
    ViewAnimationUtils.createCircularReveal(myView, cx, cy, 0, finalRadius);

// make the view visible and start the animation
myView.setVisibility(View.VISIBLE);
anim.start();
</pre>

<p> n mt dng xem hin th trc  bng hiu ng ny:</p>

<pre>
// previously visible view
final View myView = findViewById(R.id.my_view);

// get the center for the clipping circle
int cx = (myView.getLeft() + myView.getRight()) / 2;
int cy = (myView.getTop() + myView.getBottom()) / 2;

// get the initial radius for the clipping circle
int initialRadius = myView.getWidth();

// create the animation (the final radius is zero)
Animator anim =
    ViewAnimationUtils.createCircularReveal(myView, cx, cy, initialRadius, 0);

// make the view invisible when the animation is done
anim.addListener(new AnimatorListenerAdapter() {
    &#64;Override
    public void onAnimationEnd(Animator animation) {
        super.onAnimationEnd(animation);
        myView.setVisibility(View.INVISIBLE);
    }
});

// start the animation
anim.start();
</pre>


<h2 id="Transitions">Ty chnh Chuyn tip Hot ng</h2>

<!-- shared transition video -->
<div style="width:290px;margin-left:35px;float:right">
  <div class="framed-nexus5-port-span-5">
  <video class="play-on-hover" autoplay="">
    <source src="{@docRoot}design/material/videos/ContactsAnim.mp4">
    <source src="{@docRoot}design/material/videos/ContactsAnim.webm">
    <source src="{@docRoot}design/material/videos/ContactsAnim.ogv">
  </video>
  </div>
  <div style="font-size:10pt;margin-left:20px;margin-bottom:30px">
    <p class="img-caption" style="margin-top:3px;margin-bottom:10px"><strong>Hnh 1</strong> - Chuyn tip
    vi nhng phn t chung.</p>
    <em> pht li phim, nhp vo mn hnh thit b</em>
  </div>
</div>

<p>Chuyn tip hot ng trong cc ng dng theo phong cch material design cung cp kt ni trc quan gia cc trng thi khc nhau
thng qua chuyn ng v chuyn i gia nhng phn t hay dng. Bn c th quy nh hot hnh ty chnh cho
cc chuyn tip ra vo v chuyn tip phn t chung gia cc hot ng.</p>

<ul>
<li>Chuyn tip <strong>vo</strong> xc nh cc dng xem trong mt hot ng s vo cnh  nh th no.
V d, trong chuyn tip vo dng <em>n tung</em>, dng xem s vo cnh t bn ngoi
v bay v pha chnh gia mn hnh.</li>

<li>Chuyn tip <strong>ra</strong> xc nh cc dng xem trong mt hot ng s ra khi cnh nh th no. V
 d, trong chuyn tip ra kiu <em>n tung</em>, dng xem s ra khi cnh t
trung tm.</li>

<li>Chuyn tip <strong>phn t chung</strong> xc nh cc dng xem chung gia hai hot ng
s chuyn tip nh th no gia nhng hot ng ny. V d, nu hai hot ng c cng
hnh nh  cc v tr v kch c khc nhau, chuyn tip phn t chung <em>changeImageTransform</em>
s th hin v co gin hnh nh mt cch mt m gia nhng hot ng ny.</li>
</ul>

<p>Android 5.0 (API mc 21) h tr nhng chuyn tip ra vo sau:</p>

<ul>
<li><em>n tung</em> - Di chuyn cc dng xem vo hoc ra khi chnh gia cnh.</li>
<li><em>trt</em> - Di chuyn cc dng xem vo hoc ra t mt trong cc mp ca cnh.</li>
<li><em>m dn</em> - Thm hoc g b dng xem khi cnh bng cch thay i  m c ca n.</li>
</ul>

<p>Bt c chuyn tip no m rng lp {@link android.transition.Visibility} u c h tr
nh mt chuyn tip vo hoc ra.  bit thm thng tin, hy xem ti liu tham kho API cho lp
{@link android.transition.Transition}.</p>

<p>Android 5.0 (API mc 21) cng h tr nhng chuyn tip phn t chung ny:</p>

<ul>
<li><em>changeBounds</em> - To hiu ng hot hnh cc thay i trong gii hn b tr ca dng xem mc tiu.</li>
<li><em>changeClipBounds</em> - To hiu ng hot hnh cc thay i trong gii hn ct hnh ca dng xem mc tiu.</li>
<li><em>changeTransform</em> - To hiu ng hot hnh cc thay i v co gin v xoay dng xem mc tiu.</li>
<li><em>changeImageTransform</em> - To hiu ng hot hnh cc thay i v kch c v co gin ca nh mc tiu.</li>
</ul>

<p>Khi bn cho php chuyn tip hot ng trong ng dng ca mnh, chuyn tip m dn cho cross-fading
mc nh s c kch hot gia cc hot ng ra vo.</p>

<img src="{@docRoot}training/material/images/SceneTransition.png" alt="" width="600" height="405" style="margin-top:20px" />
<p class="img-caption">
 <strong>Hnh 2</strong> - Chuyn tip cnh vi mt phn t chung.
</p>

<h3>Quy nh chuyn tip ty chnh</h3>

<p>Trc tin, cho php chuyn tip ni dung ca s bng thuc tnh <code>android:windowContentTransitions</code>
khi bn nh ngha mt kiu k tha t ch  material. Bn cng c th quy nh chuyn tip
ra, vo v phn t chung trong nh ngha kiu ca mnh:</p>

<pre>
&lt;style name="BaseAppTheme" parent="android:Theme.Material">
  &lt;!-- enable window content transitions -->
  &lt;item name="android:windowContentTransitions">true&lt;/item>

  &lt;!-- specify enter and exit transitions -->
  &lt;item name="android:windowEnterTransition">@transition/explode&lt;/item>
  &lt;item name="android:windowExitTransition">@transition/explode&lt;/item>

  &lt;!-- specify shared element transitions -->
  &lt;item name="android:windowSharedElementEnterTransition">
    &#64;transition/change_image_transform&lt;/item>
  &lt;item name="android:windowSharedElementExitTransition">
    &#64;transition/change_image_transform&lt;/item>
&lt;/style>
</pre>

<p>Chuyn tip <code>change_image_transform</code> trong v d ny c nh ngha nh sau:</p>

<pre>
&lt;!-- res/transition/change_image_transform.xml -->
&lt;!-- (see also Shared Transitions below) -->
&lt;transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
  &lt;changeImageTransform/>
&lt;/transitionSet>
</pre>

<p>Phn t <code>changeImageTransform</code> tng ng vi lp
{@link android.transition.ChangeImageTransform}.  bit thm thng tin, hy xem ti liu tham kho API
cho {@link android.transition.Transition}.</p>

<p>Thay vo ,  cho php chuyn tip ni dung ca s trong m ca bn, hy gi phng thc
{@link android.view.Window#requestFeature Window.requestFeature()}:</p>

<pre>
// inside your activity (if you did not enable transitions in your theme)
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);

// set an exit transition
getWindow().setExitTransition(new Explode());
</pre>

<p> quy nh chuyn tip trong m ca bn, hy gi nhng phng thc ny bng i tng {@link
android.transition.Transition}:</p>

<ul>
  <li>{@link android.view.Window#setEnterTransition Window.setEnterTransition()}</li>
  <li>{@link android.view.Window#setExitTransition Window.setExitTransition()}</li>
  <li>{@link android.view.Window#setSharedElementEnterTransition
      Window.setSharedElementEnterTransition()}</li>
  <li>{@link android.view.Window#setSharedElementExitTransition
      Window.setSharedElementExitTransition()}</li>
</ul>

<p>Phng thc {@link android.view.Window#setExitTransition setExitTransition()} v {@link
android.view.Window#setSharedElementExitTransition setSharedElementExitTransition()} nh ngha
chuyn tip ra cho hot ng gi. Phng thc {@link android.view.Window#setEnterTransition
setEnterTransition()} v {@link android.view.Window#setSharedElementEnterTransition
setSharedElementEnterTransition()} nh ngha chuyn tip vo cho hot ng c gi.</p>

<p> c y  hiu ng ca mt chuyn tip, bn phi cho php chuyn tip ni dung ca s trn c hot ng
gi v c gi. Nu khng, hot ng gi s bt u chuyn tip ra,
nhng khi  bn s thy chuyn tip ca s (nh co gin v m dn).</p>

<p> bt u mt chuyn tip vo ngay khi c th, hy s dng phng thc
{@link android.view.Window#setAllowEnterTransitionOverlap Window.setAllowEnterTransitionOverlap()}
trn hot ng c gi. N cho php bn c chuyn tip vo n tng hn.</p>

<h3>Bt u mt hot ng bng chuyn tip</h3>

<p>Nu bn cho php chuyn tip v t chuyn tip ra cho mt hot ng, chuyn tip s c
kch hot khi bn khi chy mt hot ng khc nh sau:</p>

<pre>
startActivity(intent,
              ActivityOptions.makeSceneTransitionAnimation(this).toBundle());
</pre>

<p>Nu bn t mt chuyn tip vo cho hot ng th hai, chuyn tip ny cng c kch hot khi hot ng
bt u.  v hiu ho chuyn tip khi bn bt u mt hot ng khc, hy cung cp
mt nhm ty chn <code>null</code>.</p>

<h3>Bt u mt hot ng bng mt phn t chung</h3>

<p> to mt hot hnh chuyn tip mn hnh gia hai hot ng c mt phn t chung:</p>

<ol>
<li>Cho php chuyn tip ni dung ca s trong ch  ca bn.</li>
<li>Quy nh mt chuyn tip phn t chung trong kiu ca bn.</li>
<li>nh ngha chuyn tip ca bn di dng mt ti nguyn XML.</li>
<li>Gn mt tn chung cho cc phn t chung  c hai b tr bng thuc tnh
    <code>android:transitionName</code>.</li>
<li>S dng phng thc {@link android.app.ActivityOptions#makeSceneTransitionAnimation
ActivityOptions.makeSceneTransitionAnimation()}.</li>
</ol>

<pre>
// get the element that receives the click event
final View imgContainerView = findViewById(R.id.img_container);

// get the common element for the transition in this activity
final View androidRobotView = findViewById(R.id.image_small);

// define a click listener
imgContainerView.setOnClickListener(new View.OnClickListener() {
    &#64;Override
    public void onClick(View view) {
        Intent intent = new Intent(this, Activity2.class);
        // create the transition animation - the images in the layouts
        // of both activities are defined with android:transitionName="robot"
        ActivityOptions options = ActivityOptions
            .makeSceneTransitionAnimation(this, androidRobotView, "robot");
        // start the new activity
        startActivity(intent, options.toBundle());
    }
});
</pre>

<p>i vi cc dng xem ng dng chung m bn khi to trong m ca mnh, hy s dng phng thc
{@link android.view.View#setTransitionName View.setTransitionName()}  quy nh mt
tn phn t chung trong c hai hot ng.</p>

<p> o ngc hot hnh chuyn tip cnh khi bn kt thc hot ng th hai, hy gi phng thc
{@link android.app.Activity#finishAfterTransition Activity.finishAfterTransition()}
thay v {@link android.app.Activity#finish Activity.finish()}.</p>

<h3>Bt u mt hot ng bng nhiu phn t chung</h3>

<p> to mt hot hnh chuyn tip cnh gia hai hot ng c nhiu hn mt phn t
chung, hy nh ngha cc phn t chung trong c hai b tr bng thuc tnh <code>android:transitionName</code>
 (hoc s dng phng thc {@link android.view.View#setTransitionName View.setTransitionName()}
trong c hai hot ng), v to mt i tng {@link android.app.ActivityOptions} nh sau:</p>

<pre>
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,
        Pair.create(view1, "agreedName1"),
        Pair.create(view2, "agreedName2"));
</pre>


<h2 id="CurvedMotion">S dng Chuyn ng Cong</h2>

<p>Hot hnh theo phong cch material design ph thuc vo ng cong lm mu hnh ni suy thi gian
v chuyn ng khng gian. Vi Android 5.0 (API mc 21) tr ln, bn c th nh ngha ng cong nh thi ty chnh v
mu hnh chuyn ng cong cho hot hnh.</p>

<p>Lp {@link android.view.animation.PathInterpolator} l mt hm ni suy mi da trn ng cong
Bzier hoc i tng {@link android.graphics.Path}. Hm ni suy ny quy nh mt ng cong chuyn ng
trong mt hnh vung 1x1, vi cc im neo ti (0,0) v (1,1) cng cc im kim sot c quy nh bng cch s dng
cc tham i ca hm dng. Bn cng c th nh ngha mt hm ni suy ng dn di dng ti nguyn XML:</p>

<pre>
&lt;pathInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
    android:controlX1="0.4"
    android:controlY1="0"
    android:controlX2="1"
    android:controlY2="1"/>
</pre>

<p>H thng cung cp ti nguyn XML cho ba ng cong c bn trong c t
material design:</p>

<ul>
  <li><code>&#64;interpolator/fast_out_linear_in.xml</code></li>
  <li><code>&#64;interpolator/fast_out_slow_in.xml</code></li>
  <li><code>&#64;interpolator/linear_out_slow_in.xml</code></li>
</ul>

<p>Bn c th chuyn mt i tng {@link android.view.animation.PathInterpolator} ti phng thc {@link
android.animation.Animator#setInterpolator Animator.setInterpolator()}.</p>

<p>Lp {@link android.animation.ObjectAnimator} c cc hm dng mi cho php bn to hiu ng hot hnh
cho cc ta  dc theo mt ng dn bng hai hoc nhiu thuc tnh ng thi. V d, trnh to hot hnh sau
s dng mt i tng {@link android.graphics.Path}  to hiu ng hot hnh cho thuc tnh X v Y ca mt dng xem:</p>

<pre>
ObjectAnimator mAnimator;
mAnimator = ObjectAnimator.ofFloat(view, View.X, View.Y, path);
...
mAnimator.start();
</pre>


<h2 id="ViewState">To Hiu ng Hot hnh Thay i Trng thi Xem</h2>

<p>Lp {@link android.animation.StateListAnimator} cho php bn nh ngha trnh to hot hnh  chy khi
trng thi ca dng xem thay i. V d sau cho bit cch nh ngha mt {@link
android.animation.StateListAnimator}  di dng ti nguyn XML:</p>

<pre>
&lt;!-- animate the translationZ property of a view when pressed -->
&lt;selector xmlns:android="http://schemas.android.com/apk/res/android">
  &lt;item android:state_pressed="true">
    &lt;set>
      &lt;objectAnimator android:propertyName="translationZ"
        android:duration="@android:integer/config_shortAnimTime"
        android:valueTo="2dp"
        android:valueType="floatType"/>
        &lt;!-- you could have other objectAnimator elements
             here for "x" and "y", or other properties -->
    &lt;/set>
  &lt;/item>
  &lt;item android:state_enabled="true"
    android:state_pressed="false"
    android:state_focused="true">
    &lt;set>
      &lt;objectAnimator android:propertyName="translationZ"
        android:duration="100"
        android:valueTo="0"
        android:valueType="floatType"/>
    &lt;/set>
  &lt;/item>
&lt;/selector>
</pre>

<p> gn km hot hnh trng thi dng xem ty chnh vo mt dng xem, hy nh ngha mt trnh to hot hnh bng cch s dng phn t
<code>selector</code> trong mt tp ti nguyn XML nh trong v d ny, v gn n cho dng xem
ca bn bng thuc tnh <code>android:stateListAnimator</code>.  gn mt trnh to hot hnh danh sch trng thi
cho mt dng xem trong m ca bn, hy s dng phng thc {@link android.animation.AnimatorInflater#loadStateListAnimator
AnimationInflater.loadStateListAnimator()} v gn trnh to hot hnh cho dng xem ca bn bng phng thc
{@link android.view.View#setStateListAnimator View.setStateListAnimator()}.</p>

<p>Khi ch  ca bn m rng ra ch  material, cc nt s c hot hnh Z theo mc nh.  trnh hnh vi
ny trong nt ca bn, hy t thuc tnh <code>android:stateListAnimator</code> thnh
<code>@null</code>.</p>

<p>Lp {@link android.graphics.drawable.AnimatedStateListDrawable} cho php bn to cc ni dung v c
 hin th hot hnh gia cc thay i trng thi ca dng xem c lin kt. Mt s widget h thng trong
Android 5.0 s dng nhng hot hnh ny theo mc nh. V d sau cho bit cch
cch nh ngha {@link android.graphics.drawable.AnimatedStateListDrawable} di dng ti nguyn XML:</p>

<pre>
&lt;!-- res/drawable/myanimstatedrawable.xml -->
&lt;animated-selector
    xmlns:android="http://schemas.android.com/apk/res/android">

    &lt;!-- provide a different drawable for each state-->
    &lt;item android:id="@+id/pressed" android:drawable="@drawable/drawableP"
        android:state_pressed="true"/>
    &lt;item android:id="@+id/focused" android:drawable="@drawable/drawableF"
        android:state_focused="true"/>
    &lt;item android:id="@id/default"
        android:drawable="@drawable/drawableD"/>

    &lt;!-- specify a transition -->
    &lt;transition android:fromId="@+id/default" android:toId="@+id/pressed">
        &lt;animation-list>
            &lt;item android:duration="15" android:drawable="@drawable/dt1"/>
            &lt;item android:duration="15" android:drawable="@drawable/dt2"/>
            ...
        &lt;/animation-list>
    &lt;/transition>
    ...
&lt;/animated-selector>
</pre>


<h2 id="AnimVector">To Hiu ng Hot hnh Ni dung v c Vc-t</h2>

<p><a href="{@docRoot}training/material/drawables.html#VectorDrawables">Ni dung v c Vc-t</a> s co gin c
m khng lm mt  sc nt. Lp {@link android.graphics.drawable.AnimatedVectorDrawable}
cho php bn to hiu ng hot hnh cc thuc tnh ca ni dung v c vc-t.</p>

<p>Thng th bn nh ngha ni dung v c vc-t hot hnh theo ba tp XML:</p>

<ul>
<li>Ni dung v c vc-t vi phn t <code>&lt;vector&gt;</code> trong
<code>res/drawable/</code></li>
<li>Ni dung v c vc-t hot hnh vi phn t <code>&lt;animated-vector&gt;</code> trong
<code>res/drawable/</code></li>
<li>Mt hoc nhiu trnh to hot hnh i tng vi phn t <code>&lt;objectAnimator&gt;</code> trong
<code>res/anim/</code></li>
</ul>

<p>Ni dung v c vc-t hot hnh c th to hiu ng hot hnh cc thuc tnh ca phn t <code>&lt;group&gt;</code> v
<code>&lt;path&gt;</code>. Phn t <code>&lt;group&gt;</code> nh ngha mt b
ng dn hoc nhm ph v phn t <code>&lt;path&gt;</code> nh ngha cc ng dn s c v.</p>

<p>Khi nh ngha mt ni dung v c vc-t m bn mun to hiu ng hot hnh, hy s dng thuc tnh <code>android:name</code>
 gn mt tn duy nht cho cc nhm v ng dn, sao cho bn c th tham chiu ti chng t cc nh ngha
trnh to hot hnh ca mnh. V d:</p>

<pre>
&lt;!-- res/drawable/vectordrawable.xml -->
&lt;vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:height="64dp"
    android:width="64dp"
    android:viewportHeight="600"
    android:viewportWidth="600">
    &lt;group
        <strong>android:name="rotationGroup"</strong>
        android:pivotX="300.0"
        android:pivotY="300.0"
        android:rotation="45.0" >
        &lt;path
            <strong>android:name="v"</strong>
            android:fillColor="#000000"
            android:pathData="M300,70 l 0,-70 70,70 0,0 -70,70z" />
    &lt;/group>
&lt;/vector>
</pre>

<p>nh ngha ni dung v c vc-t hot hnh s tham chiu ti cc nhm v ng dn trong ni dung v c vc-t theo
tn ca chng:</p>

<pre>
&lt;!-- res/drawable/animvectordrawable.xml -->
&lt;animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
  android:drawable="@drawable/vectordrawable" >
    &lt;target
        android:name="rotationGroup"
        android:animation="@anim/rotation" />
    &lt;target
        android:name="v"
        android:animation="@anim/path_morph" />
&lt;/animated-vector>
</pre>

<p>nh ngha hot hnh biu din cc i tng {@link android.animation.ObjectAnimator} hoc {@link
android.animation.AnimatorSet}. Trnh to hot hnh u tin trong v d ny s xoay nhm
i tng 360 :</p>

<pre>
&lt;!-- res/anim/rotation.xml -->
&lt;objectAnimator
    android:duration="6000"
    android:propertyName="rotation"
    android:valueFrom="0"
    android:valueTo="360" />
</pre>

<p>Trnh to hot hnh th hai trong v d ny s i dng ng dn ca ni dung v c vc-t t hnh ny sang
hnh khc. C hai ng dn u phi tng thch vi vic i dng: chng phi c cng s lnh
v cng s lng tham s cho tng lnh.</p>

<pre>
&lt;!-- res/anim/path_morph.xml -->
&lt;set xmlns:android="http://schemas.android.com/apk/res/android">
    &lt;objectAnimator
        android:duration="3000"
        android:propertyName="pathData"
        android:valueFrom="M300,70 l 0,-70 70,70 0,0   -70,70z"
        android:valueTo="M300,70 l 0,-70 70,0  0,140 -70,0 z"
        android:valueType="pathType" />
&lt;/set>
</pre>

<p> bit thm thng tin, hy xem ti liu tham kho API cho {@link
android.graphics.drawable.AnimatedVectorDrawable}.</p>