Windows Presentation Foundation Animace. Animace Proč? Silnější dojem z aplikací Vytváří přirozenější UI Plynulejší visuální přechody Animace kdekoli.

Prezentace na téma: "Windows Presentation Foundation Animace. Animace Proč? Silnější dojem z aplikací Vytváří přirozenější UI Plynulejší visuální přechody Animace kdekoli."— Transkript prezentace:

1 Windows Presentation Foundation Animace

2 Animace Proč? Silnější dojem z aplikací Vytváří přirozenější UI Plynulejší visuální přechody Animace kdekoli Jakoukoli vlastnost lze animovat Kdekoli ≠ všude Zvážit vhodnost Zdrženlivost je na místě Realizace animací deklarativně i kódem

3 Deklarativní animace Popisují animačnímu systému průběh Např. změň šířku (Width) z 10 na 100 během 10 sekund Zbytek proveden automaticky Bez nutnosti nastavit časovače Bez nutnosti vlastního vykreslování <DoubleAnimation From="10" To="100" Duration="0:0:10" Duration="0:0:10" Storyboard.TargetName="myellipse" Storyboard.TargetName="myellipse" Storyboard.TargetProperty="(Ellipse.Width)" /> Storyboard.TargetProperty="(Ellipse.Width)" /> Parametry animace Typ animace Cíl animace Animovaná vlastnost

4 Elementy animací Storyboad Koordinuje běh několika animací Trigger Spouští animaci událostí nebo hodnotou vlastnosti Timeline Definuje časový rozsah animace Organizovány hierarchicky a paralelně Animation Specifické pro animovanou vlastnost 24 typů animací Např. Color/Point/Single/Double/Rect3DAnimation

5 Časování animací Relativní vs absolutní From-To, To, By, From-By Aktivace více animací najednou kompozicí (i na jedné vlastnosti) Zrychlení/zpomalení vyvolává přirozený vzhled Není-li určeno, rychlost je lineární

6 Ukončení animace Po ukončení se objekt vrátí do původního stavu Opakování Forever, fixní doba, počet opakování Reverzní chod Vnořená animace může doběhnout dříve než rodič FillBehavior určuje, co se stane

7 „Key Frame“ animace Profesionální animace definovány sérií klíčových pozic objektů Místo série animací, definuje tyto pozice Pro hladší průběh lze použít spline funkce

8 Video ukázka Key Frame animace Video ukázka Key Frame animace

9 Shrnutí Shrnutí Animace výrazně obohacují UI Snadná deklarace a aktivace bez kódu Jakákoli vlastnost může být animována jak ve 2D, tak 3D

10 Odkazy Odkazy Prezentace David Krčmář, Acad. Developer Evangelist Video David Krčmář MSDN Windows Vista Developer Center http://msdn.microsoft.com/windowsvista Microsoft.NET Framework 3.0 http://msdn.microsoft.com/winfx/ http://msdn.microsoft.com/winfx/ Download platformy a ovládacích prvků http://msdn.microsoft.com/winfx/downloads/presentation/defau lt.aspx http://msdn.microsoft.com/winfx/downloads/presentation/defau lt.aspx http://msdn.microsoft.com/winfx/downloads/presentation/defau lt.aspx Doporučení pro Windows Vista UX http://msdn.microsoft.com/windowsvista/experience Další odkazy http://cs.wpfstart.com/?q=tutorial&qq=4 http://www.wpftutorial.net/Animation.html

11 © 2009 Microsoft Corporation