Animace kompozice

Rozhraní API Microsoft.UI.Composition umožňují vytvářet, animovat, transformovat a manipulovat s objekty kompozitoru v sjednocené vrstvě rozhraní API. Animace v kompozici poskytují silný a efektivní způsob, jak spouštět animace v uživatelském rozhraní aplikace WinUI. Byly navrženy od základů, aby se zajistilo, že vaše animace běží na 60 FPS nezávisle na vlákně uživatelského rozhraní a aby vám poskytla flexibilitu při vytváření úžasných prostředí s využitím nejen času, ale vstupu a dalších vlastností, pro řízení animací.

Pohybové efekty ve Windows

Představte si návrh pohybu jako film. Bezproblémové přechody vás zaměřují na příběh a přinášejí do života zkušenosti. Můžeme pozvat tento pocit do našich návrhů, což vede lidi z jednoho úkolu na další s kinematografickou jednoduchostí. Pohyb je často rozdílný faktor mezi uživatelským rozhraním a uživatelským prostředím.

Jako základní stavební blok platformy uživatelského rozhraní systému Windows poskytují CompositionAnimations výkonný a efektivní způsob, jak vytvářet pohybové prostředí v uživatelském rozhraní vaší aplikace. Animační modul byl od základů navržen tak, aby se zajistilo, že váš pohyb běží na 60 FPS nezávisle na vlákně uživatelského rozhraní. Tyto animace jsou navržené tak, aby poskytovaly flexibilitu při vytváření inovativních prostředí pohybu na základě času, vstupu a dalších vlastností.

Příklady pohybu

Tady je několik příkladů pohybu v aplikaci.

Zde aplikace používá propojenou animaci k animování obrázku položky, aby 'pokračovala' a stala se součástí záhlaví další stránky. Efekt pomáhá udržovat kontext uživatele v rámci přechodu.

Zde vizuální paralaxní efekt přesune různé objekty různými rychlostmi, když se uživatelské rozhraní posouvá nebo přesouvá, aby se vytvořil pocit hloubky, perspektivy a dynamického pohybu.

Vytvoření pohybu pomocí CompositionAnimations

Aby vývojáři mohli generovat pohyb v uživatelském rozhraní, mají přístup k animacím v XAML nebo vizuální vrstvě. Animace ve vizuální vrstvě poskytují vývojářům řadu výhod:

• Výkon – namísto tradiční animace vázané na vlákno, animace na platformě uživatelského rozhraní Systému Windows fungují na nezávislém vlákně při 60 FPS, což umožňuje plynulé pohybové prostředí.
• Šablonovací model – animace ve vrstvě uživatelského rozhraní systému Windows jsou šablony, což znamená, že může použít jednu animaci na více objektech a upravit vlastnosti nebo parametry, aniž by bylo nutné bránit předchozím účelům.
• Přizpůsobení – vrstva uživatelského rozhraní Windows usnadňuje nejen vytváření krásného uživatelského rozhraní, ale s celou řadou typů animací, které umožňují vytvářet nové a úžasné prostředí s přechodem přizpůsobení.

Jako vývojář vytvářející zážitky ve vrstvě uživatelského rozhraní Windows máte přístup k nejrůznějším konceptům animací, které oživí vaše návrhy. Pomocí libovolného z těchto konceptů můžete animovat vlastnost nebo součást subchannel (pokud je k dispozici) libovolného Objektu CompositionObject.

Poznámka:

Ne všechny vlastnosti Objektu CompositionObject jsou animatovatelné. Informace o tom, zda je vlastnost animatable, najdete v dokumentaci jednotlivých objektů CompositionObject.

Poznámka:

Termín subchannel odkazuje na součást formy vlastnosti. Například X nebo XY podkanál vlastnosti Vector3 Offset.

Koncept animace	Description
Pohyb založený na čase pomocí KeyFrameAnimations	KeyFrameAnimations slouží k přímému řízení celé pohybové zkušenosti v určitém časovém období. Vývojáři popisující začátek, konec, interpolaci mezi nimi a dobu trvání pohybu tradičním klíčovacím způsobem.
Relativní pohyb s ExpressionAnimations	Animace výrazů slouží k popisu, jak má být pohyb vlastnosti jednoho objektu řízen ve vztahu k vlastnosti jiného objektu. Vývojáři definují matematickou rovnici, která definuje vztah založený na referencích.
Implicitní animace	Tyto animace jsou založené na triggerech a jsou definované odděleně od základní logiky aplikace. ImplicitAnimations slouží k popisu, jak a kdy animace probíhají jako odpověď na přímé změny vlastností.
Pohyb řízený vstupem s animacemi vstupu	Vstupní animace se zabývá sadou scénářů, které vývojářům umožňují popsat pohyb založený na manipulaci prostřednictvím dotykového ovládání nebo jiných způsobů zadávání. Tyto animace se řídí aktivním uživatelským vstupem nebo gesty.
Fyzikální pohyb s NaturalMotionAnimations	NaturalMotionAnimations slouží k popisu přirozených a známých pohybových zážitků založených na skutečném pohybu řízeném silou. Místo definování času definují vývojáři charakteristiky pohybu (například poměr tlumení pro Pružiny).