Kezdőoldal > .NET, Windows Phone 7 > Animáció létrehozása – Kódból

Animáció létrehozása – Kódból

2012. április 27. péntek Hozzászólás Go to comments

Animációt nemcsak XAML-ben lehet készíteni, bár fontos megemlíteni, hogy legtöbbször XAML-ben tesszük. Kódból leginkább csak elindítunk egy-egy animációt, viszont olykor előfordulhat, hogy mégis kódból kell animációt létrehoznunk. Ez ugyan körülményesebb, mint a XAML, de olykor ez kifizetődő. Az animáció tulajdonképpen időegység alatt bekövetkezett tulajdonságváltozás. Annak, hogy mit változtatunk, nagyon fontos szerepe van: ha méretet, áttetszőséget vagy olyan tulajdonságot, ami double típusú, akkor a DoubleAnimation osztályt fogjuk használni. Ha például színt szeretnénk animálni (azaz olyan tulajdonságot, ami valamilyen színnel kapcsolatos), akkor a ColorAnimation osztályt fogjuk használni erre a célra. Persze ezenkívül még jó néhány animációs osztály áll a rendelkezésünkre.

A következő példában egy gombot fogunk animálni.

1. Készítsünk egy új Windows Phone 7 alkalmazást!

2. A felhasználói felületre dobjunk fel egy gombot, a gomb neve legyen a btnAnim, a Content-je pedig az „Animáció” szöveg! Kattintsunk kétszer a gombra!

3. A klikk esemény törzsébe először példányosítsunk egy DoubleAnimation példányt, ez az animáció a btnAnim méretét (szélességét) fogja befolyásolni. Először megmondjuk, hogy 1-től (From) megy 200-ig (To) (ebben az esetben pixelig) az animáció. A Duration tulajdonságnál megmondjuk, hogy ez az animáció ebben az esetben három másodpercig fog tartani.

DoubleAnimation dAnimation = new DoubleAnimation();

dAnimation.From = 1;

dAnimation.To = 200;

dAnimation.Duration = TimeSpan.FromSeconds(3);

4. Ezt követően készítsünk egy Storyboard példányt, aminek átadjuk az általunk készített animációt, valamint beállítjuk, hogy az animációt melyik vezérlőn akarjuk elindítani (SetTarget) és a vezérlőnek melyik tulajdonságát akarjuk majd változtatni, (SetTargetProperty), végül meghívjuk a Begin metódust, amivel az animáció elindul.

Storyboard sb = new Storyboard();

sb.Children.Add(dAnimation);

Storyboard.SetTarget(dAnimation, btnAnim);

Storyboard.SetTargetProperty(dAnimation, new PropertyPath("Width"));

sb.Begin();

5. Indítsuk el az alkalmazást, és próbáljuk ki működés közben!

Advertisements
Kategóriák:.NET, Windows Phone 7 Címke: , ,
  1. Még nincs hozzászólás.
  1. No trackbacks yet.

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s

%d blogger ezt kedveli: