Použití vizuální vrstvy v desktopových aplikacích

Pomocí rozhraní API pro prostředí Windows Runtime v desktopových aplikacích bez UPW teď můžete vylepšit vzhled, chování a funkce vašich WPF (Windows Presentation Foundation), model Windows Forms a aplikací Win32 v jazyce C++ a využívat nejnovější funkce uživatelského rozhraní Windows, které jsou dostupné jenom přes UPW.

V mnoha scénářích můžete pomocí ostrůvků XAML do aplikace přidat moderní ovládací prvky XAML. Pokud ale potřebujete vytvořit vlastní prostředí, která překračují předdefinované ovládací prvky, budete mít přístup k rozhraním API vizuální vrstvy.

Vrstva vizuálu poskytuje vysoce výkonné rozhraní API v režimu zachování grafiky, efektů a animací. Je základem uživatelského rozhraní pro Windows zařízení. Ovládací prvky XAML pro UPW jsou založené na vizuální vrstvě a umožňují mnoho aspektů systému Fluent Design System, jako je světlo, hloubka, pohyb, materiál a měřítko.

Krátké video znázorňující uživatelské rozhraní vytvořené pomocí vizuální vrstvy

Uživatelské rozhraní vytvořené pomocí vizuální vrstvy

Vytvoření vizuálně poutavého uživatelského rozhraní v libovolné aplikaci Windows

Vrstva vizuálu umožňuje vytvářet poutavé prostředí pomocí jednoduchého vytváření vlastního nakresleného obsahu (vizuálů) a použití výkonných animací, efektů a manipulace s těmito objekty ve vaší aplikaci. Vrstva vizuálu nenahrazuje žádnou existující architekturu uživatelského rozhraní; místo toho je cenným doplňkem těchto architektur.

Pomocí vrstvy Vizuál můžete aplikaci poskytnout jedinečný vzhled a chování a vytvořit identitu, která ji odděluje od ostatních aplikací. Umožňuje také principy Fluent Design, které jsou navržené tak, aby vaše aplikace byly snadněji použitelné a více zapojovaly uživatele. Můžete ho například použít k vytvoření vizuálních upozornění a animovaných přechodů obrazovky, které zobrazují vztahy mezi položkami na obrazovce.

Funkce vizuální vrstvy

Kartáče

Kompoziční štětce umožňují malovat objekty uživatelského rozhraní pomocí plných barev, přechodů, obrázků, videí, složitých efektů a dalších.

Vejce vytvořené pomocí Material Creator

Vejce vytvořené pomocí aplikace Material Creator demo.

Účinky

Efekty složení zahrnují světlo, stín a seznam efektů filtru. Můžou být animované, přizpůsobené a zřetězeny, a pak použity přímo na vizuály. SceneLightingEffect lze kombinovat s kompozicí osvětlení k vytvoření atmosféry, hloubky a materiálů.

Světla a materiál

Světlení a materiál ukázaný v galerii ukázek Windows UI Composition.

Animace

Kompoziční animace běží přímo v procesu kompozitora a jsou nezávislé na vláknu uživatelského rozhraní. To zajišťuje plynulost a škálování, takže můžete spouštět velký počet souběžných explicitních animací. Kromě známých animací KeyFrame pro změnu vlastností v průběhu času můžete pomocí výrazů nastavit matematické relace mezi různými vlastnostmi, včetně uživatelského vstupu. Animace řízené vstupy umožňují vytvořit uživatelské rozhraní, které dynamicky a plynule reaguje na uživatelský vstup, což může vést k vyššímu zapojení uživatelů.

Krátké video jiného uživatelského rozhraní vytvořeného s vizuální vrstvou

Pohyb je předveden v galerii příkladů Windows UI Composition.

Zachování stávajícího základu kódu a postupného přijetí

Kód ve stávajících aplikacích představuje významnou investici, o kterou nechcete přijít. Můžete migrovat ostrovy obsahu, abyste mohli používat vrstvu vizuálu a zachovat zbytek uživatelského rozhraní ve stávajícím rozhraní. To znamená, že můžete provádět významné aktualizace a vylepšení uživatelského rozhraní aplikace, aniž byste museli provádět rozsáhlé změny existujícího základu kódu.

Ukázky a návody

Naučte se používat vizuální vrstvu v aplikacích experimentováním s našimi ukázkami. Tyto ukázky a kurzy vám pomůžou začít používat vizuální vrstvu a ukázat, jak fungují funkce.

Win32

model model Windows Forms

WPF (Windows Presentation Foundation) (Windows Presentation Foundation)

Limitations

I když mnoho funkcí vizuální vrstvy funguje stejně, když jsou hostované v desktopové aplikaci jako v aplikaci pro UPW, některé funkce mají určitá omezení. Tady jsou některá omezení, o nichž je potřeba vědět:

  • Řetězy efektů spoléhají na Win2D pro popisy efektů. Balíček NuGet Win2D se v desktopových aplikacích nepodporuje, takže byste ho museli znovu zkompilovat z kódu source.
  • Pokud chcete provést testování zásahu, je nutné provést výpočty ohraničení procházením vizuálního stromu. To je stejné jako vrstva Visual v UWP, s výjimkou v tomto případě neexistuje žádný prvek XAML, na který lze snadno navázat pro testování zásahů.
  • Vizuální vrstva nemá primitiva pro vykreslení textu.
  • Když se společně používají dvě různé technologie uživatelského rozhraní, například WPF (Windows Presentation Foundation) a vrstva vizuálu, zodpovídají za kreslení vlastních pixelů na obrazovce a nemůžou sdílet pixely. V důsledku toho se obsah vizuální vrstvy vždy vykresluje nad jiným obsahem uživatelského rozhraní. (To se označuje jako problém vzdušného prostoru.) Možná budete muset provést další kódování a testování, abyste zajistili, že se velikost obsahu vizuální vrstvy změní s hostitelským uživatelským rozhraním a nepřekryje jiný obsah.
  • Obsah hostovaný v desktopové aplikaci se automaticky neupravuje podle DPI. Další kroky můžou být potřebné, aby se zajistilo, že váš obsah zpracovává změny DPI. (Další informace najdete v kurzech pro konkrétní platformu.)

Další zdroje

Referenční informace k rozhraní API

  • Last updated on