Dela via

Använda det visuella lagret i skrivbordsappar

Nu kan du använda Windows Runtime-API:er i program som inte är UWP-skrivbordsprogram för att förbättra utseendet, känslan och funktionerna i dina WPF-, Windows Forms- och C++ Win32-program och dra nytta av de senaste funktionerna i Windows-användargränssnittet som endast är tillgängliga via UWP.

I många scenarier kan du använda XAML-öar för att lägga till moderna XAML-kontroller i din app. Men när du behöver skapa anpassade upplevelser som går utöver de inbyggda kontrollerna kan du komma åt API:erna för visuellt lager.

Det visuella lagret ger ett API med höga prestanda, behållet läge för grafik, effekter och animeringar. Det är grunden för användargränssnittet på Windows-enheter. UWP XAML-kontroller bygger på det visuella lagret och möjliggör många aspekter av Fluent Design System, till exempel ljus, djup, rörelse, material och skala.

Kort video som visar ett användargränssnitt som skapats med det visuella lagret.

Användargränssnitt som skapats med det visuella lagret

Skapa ett visuellt engagerande användargränssnitt i alla Windows-appar

Med det visuella lagret kan du skapa engagerande upplevelser genom att använda enkel sammansättning av anpassat ritat innehåll (visuella objekt) och använda kraftfulla animeringar, effekter och manipuleringar på objekten i ditt program. Det visuella lagret ersätter inte något befintligt gränssnittsramverk. I stället är det ett värdefullt komplement till dessa ramverk.

Du kan använda det visuella lagret för att ge ditt program ett unikt utseende och en unik känsla och upprätta en identitet som skiljer det från andra program. Det möjliggör också Fluent Design-principer, som är utformade för att göra dina program enklare att använda, vilket drar mer engagemang från användarna. Du kan till exempel använda den för att skapa visuella tips och animerade skärmövergångar som visar relationer mellan objekt på skärmen.

Funktioner för visuella lager

Borstar

Kompositionspenslar låter dig måla användargränssnittets objekt med solida färger, toningar, bilder, videor, komplexa effekter och mer.

Ett ägg skapat med Material Creator

Ett ägg som skapats med demoappen Material Creator.

Effekter

Kompositionseffekter innehåller ljus, skugga och en lista över filtereffekter. De kan animeras, anpassas och länkas och sedan tillämpas direkt på visuella objekt. SceneLightingEffect kan kombineras med kompositionsbelysning för att skapa atmosfär, djup och material.

Ljus och material

Ljus och material som demonstreras i Windows UI Composition exempelsamling.

Animationer

Kompositionsanimeringar körs direkt i compositorprocessen, oberoende av användargränssnittstråden. Detta säkerställer jämnhet och skalning, så att du kan köra ett stort antal samtidiga, explicita animeringar. Förutom välbekanta KeyFrame-animeringar för att skapa egenskapsändringar över tid kan du använda uttryck för att konfigurera matematiska relationer mellan olika egenskaper, inklusive användarindata. Med indatadrivna animeringar kan du skapa användargränssnitt som dynamiskt och smidigt svarar på användarindata, vilket kan leda till högre användarengagemang.

Kort video av ett annat användargränssnitt som skapats med det visuella lagret.

Motion demonstrerades i exempelgalleriet Windows UI Composition.

Behåll din befintliga kodbas och anta stegvis

Koden i dina befintliga program representerar en betydande investering som du inte vill förlora. Du kan migrera öar innehåll för att använda det visuella lagret och behålla resten av användargränssnittet i sitt befintliga ramverk. Det innebär att du kan göra betydande uppdateringar och förbättringar av programgränssnittet utan att behöva göra omfattande ändringar i din befintliga kodbas.

Exempel och självstudier

Lär dig hur du använder det visuella lagret i dina program genom att experimentera med våra exempel. De här exemplen och självstudierna hjälper dig att komma igång med det visuella lagret och visa hur funktioner fungerar.

Win32

Windows-formulär

WPF (Windows Presentation Foundation)

Begränsningar

Även om många Visual Layer-funktioner fungerar på samma sätt när de finns i ett skrivbordsprogram som de gör i en UWP-app, har vissa funktioner begränsningar. Här följer några av de begränsningar som du bör känna till:

  • Effektkedjor förlitar sig på Win2D för effektbeskrivningarna. Win2D NuGet-paketet stöds inte i skrivbordsprogram, så du skulle behöva kompilera om det från källkoden.
  • Om du vill utföra testerna måste du göra gränsberäkningar genom att själv gå igenom det visuella trädet. Detta är samma som det visuella lagret i UWP, förutom i det här fallet finns det inget XAML-element som du enkelt kan binda till för träfftestning.
  • Det visuella lagret har ingen primitiv för återgivning av text.
  • När två olika gränssnittstekniker används tillsammans, till exempel WPF och det visuella lagret, är de ansvariga för att rita sina egna bildpunkter på skärmen och de kan inte dela bildpunkter. Det innebär att Visual Layer-innehåll alltid återges ovanpå annat användargränssnittsinnehåll. (Denna kallas luftrumsproblem.) Du kan behöva göra extra kodning och testning för att se till att ditt visuella lagerinnehåll ändrar storlek med värdgränssnittet och inte döljer annat innehåll.
  • Innehåll som finns i ett skrivbordsprogram ändrar inte storlek eller skalas automatiskt för DPI. Extra steg kan krävas för att säkerställa att ditt innehåll hanterar DPI-ändringar. (Mer information finns i plattformsspecifika självstudier.)

Ytterligare resurser

API-referensen