Sdílet prostřednictvím

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

Teď můžete pomocí rozhraní API prostředí Windows Runtime v desktopových aplikacích bez UPW vylepšit vzhled, chování a funkce aplikací WPF, Windows Forms a C++ Win32 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 k přidání moderních ovládacích prvků XAML do aplikace použít ostrůvky 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í na zařízeních s Windows. Ovládací prvky XAML pro UPW jsou založené na vizuální vrstvě a umožňují mnoho aspektů fluent designového systému, jako je světlo, hloubka, pohyb, materiál a měřítko.

krátké video s uživatelským rozhraním vytvořeným 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 pro 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 zapojily 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í plnými barvami, přechody, obrázky, videi, složitými efekty a dalšími prostředky.

vejce vytvořené pomocí nástroje Material Creator

vejce vytvořené pomocí ukázkové aplikace Material Creator.

Účinky

Efekty složení zahrnují světlo, stín a seznam filtrů. Mohou být animované, přizpůsobené a zřetězené a poté aplikovány 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ětla a materiály předvedené v ukázkové galerii Windows UI Composition.

Animace

kompoziční animace spouštějí přímo v procesu kompozitora, nezávisle na vlákně 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 ukázaný v ukázkové galerii 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í v jeho stávajícím rámci. 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

Windows Forms

WPF (Windows Presentation Foundation)

Omezení

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ů se spoléhají na Win2D pro popisy efektů. Balíček Win2D NuGet není podporován v desktopových aplikacích, takže byste ho museli znovu zkompilovat ze zdrojového kódu .
  • Pokud chcete provést testování zásahu, je potřeba provést výpočty hranic procházením vizuálního stromu sami. To je stejné jako vizuální vrstva v UWP, s výjimkou v tomto případě neexistuje žádný prvek XAML, ke kterému můžete snadno vytvořit vazbu pro testování průchodnosti.
  • Vizuální vrstva nemá primitiva pro vykreslení textu.
  • Když se společně používají dvě různé technologie uživatelského rozhraní, jako je WPF a vizuální vrstva, 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í. (Toto je známé jako problém vzdušného prostoru.) Možná budete muset provést další kódování a testování, abyste zajistili, že se obsah vizuální vrstvy přizpůsobí velikosti s uživatelským rozhraním hostitele a nepřekrývá další obsah.
  • Obsah hostovaný v desktopové aplikaci se automaticky nezmění velikost ani neškáluje pro DPI. Další kroky mohou být vyžadovány k zajištění, ž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