Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Lekce 36 - Animace v C# .NET WPF - Storyboard, základní a frame animace

V minulé lekci, WPF - Šablony, jsme se naučili tvořit šablony typu ControlTemplate a DataTemplate a vytvořili k nim jednoduché ukázky použití.

WPF poskytuje výkonnou sadu grafických funkcí, kterými můžeme dále "vytunit" své aplikace a dát jim pěkný vzhled. Jednou z možností je použití animací. V několika lekcích si postupně vysvětlíme:

  • jak definovat animace
  • kde definovat animace
  • jak animace spustit

WPF animace a C# vlastnosti

Než začneme animace vytvářet, musíme si říci, že animace ve WPF fungují na principu animace hodnot vlastností. To znamená, že necháváme měnit hodnotu nějaké vlastnosti v čase. Vlastnost musí splňovat následující podmínky:

  • Musí se jednat o Dependency Property
  • Musí patřit do třídy, která dědí z DependencyObject a implementuje rozhraní IAnimatable

Jak definovat animace - Storyboard

Samotná animace se pak realizuje pomocí tzv. scénářů (Storyboard). Jedná se o časový kontejner, který obsahuje informaci o tom, kterého prvku se animace týká, jakou jeho vlastnost animujeme samozřejmě i definici její animace.

Příklad Storyboard

Uvedeme si příklad takového scénáře. Bude to opravdu jen ochutnávka z většího tématu, kompletní ukázku si předvedeme až za chvíli. Scénář animace může vypadat např. takto:


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

Ve WPF tutoriálu si vysvětlíme, jak fungují animace, a naučíme se vytvářet základní lineární animace a animace lineárními klíčovými snímky.
Článek pro vás napsal Petr Pospíšil
Avatar
Aktivity