poniedziałek, 14 listopada 2011

Animacja 2D. XML

Animacja 2D z pliku XML [ListView]
 Jest to bardzo efektowny rodzaj animacji, który można zastosować do urozmaicenia Menu, użyłem animacji do uatrakcyjnienia widoku ListView, który deklarowałem z pozycji XML (należy pamiętać o czerwonych linijkach, to one wskazują na KONTROLER ANIMACJI, w którym to dodajemy odpowiednie efekty.

  <ListView
        android:id="@+id/listView1"
        android:persistentDrawingCache="animation|scrolling"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layoutAnimation="@anim/animlayout" >
    </ListView>


W katalogu res/anim/animlayout         << KONTROLER ANIMACJI >>

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="30%"
    android:animationOrder="reverse"
    android:animation="@anim/anim1
/>

**na czerwono deklarowanie pliku anim1.xml o ścieżce res/anim/anim1 w którym to jest opisany dany efekt animacyjny

plik res/anim/anim1         [w tym przypadku ANIMACJA SKALI]
<?xml version="1.0" encoding="utf-8"?>
<set >
    <set xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/accelerate_interpolator">
        <scale
            android:fromXScale="1"
            android:fromYScale="1"
            android:toXScale="0.1"
            android:toYScale="1"
            android:duration="5000"
            android:pivotX="50%"
            android:pivotY="50%"
            android:startOffset="100"
        />
    </set>
</set>

 lub jedno z 3 innych trybów animacji:
  • Animacja rotacyjna
  •  Animacja translacyjna (zwykła translacja, przemieszczanie obiektu o x,y)
  • Animacja alfa (zmiana przezroczystości) 
Można też wykonać z poziomu Javy daną animacje:

        ListView l = (ListView)this.findViewById(R.id.listView1);
        l.startLayoutAnimation();


    Brak komentarzy:

    Prześlij komentarz