IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

30. diel - Animácie v C # .NET WPF - Storyboard, základné a frame animácie

V minulej lekcii, WPF - Šablóny , sme sa naučili tvoriť šablóny typu ControlTemplate a DataTemplate a vytvorili k nim jednoduché ukážky použitia.

WPF poskytuje výkonnú sadu grafických funkcií, ktorými môžeme ďalej "vytunit" svoje aplikácie a dať im pekný vzhľad. Jednou z možností je použitie animácií. V niekoľkých lekciách si postupne vysvetlíme:

  • ako definovať animácie
  • kde definovať animácie
  • ako animácie spustiť

WPF animácie a C# vlastnosti

Než začneme animácie vytvárať, musíme si povedať, že animácie vo WPF fungujú na princípe animácie hodnôt vlastností. To znamená, že nechávame meniť hodnotu nejaké vlastnosti v čase. Vlastnosť musí spĺňať nasledujúce podmienky:

  • Musí ísť o Dependency Property
  • Musí patriť do triedy, ktorá dedí z DependencyObject a implementuje rozhranie IAnimatable

Ako definovať animácie - Storyboard

Samotná animácia sa potom realizuje pomocou tzv. Scenárov (Storyboard). Jedná sa o časový kontajner, ktorý obsahuje informáciu o tom, ktorého prvku sa animácia týka, akú jeho vlastnosť animuje samozrejme aj definíciu jej animácie.

Príklad Storyboard

Uvedieme si príklad takéhoto scenára. Bude to naozaj len ochutnávka z väčšieho téme, kompletné ukážku si predvedieme až za chvíľu. Scenár animácie môže vyzerať napr. Nasledovne:


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh a certifikátom za exkluzívnu cenu 692,50 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 44 článkom (40 lekcií, 3 praktické cvičenia, test) s kontrolou a certifikáciou a ešte naviac ušetríš 208 Kč. Ponuka je časovo obmedzená a platí pro všetky lekcie v kurze. Nakúp teraz a získaj limitovanou 23% zľavu.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

Vo WPF tutoriálu si vysvetlíme, ako fungujú animácie, a naučíme sa vytvárať základné lineárne animácie a animácie lineárnymi kľúčovými snímky.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Petr Pospíšil
Avatar
Aktivity