Dela via

Utforma XAML i Visual Studio och Blend för Visual Studio

Visual Studio och Blend för Visual Studio tillhandahåller båda visuella verktyg för att skapa engagerande användargränssnitt och omfattande medieupplevelser med XAML för en mängd olika apptyper. Båda integrerade utvecklingsmiljöer (IDE) delar en gemensam uppsättning funktioner, inklusive en visuell XAML-redigerare (designer). Blend för Visual Studio, som stöder WPF- och UWP-plattformarna, innehåller ytterligare verktyg för att utforma visuella tillstånd och skapa animeringar.

Du kan växla fram och tillbaka mellan Visual Studio och Blend för Visual Studio, och du kan även ha samma projekt öppet i båda ID:erna samtidigt. Ändringar som sparas i XAML-filer i en IDE kan tillämpas via automatisk omläsning när du växlar till den andra IDE:en. Du kan styra återladdningsbeteendet genom att navigera till Tools>Options>Environment>Documents i valfri av IDE:erna.

Installation

  • Om du vill skapa WPF-appar installerar du arbetsbelastningen .NET-skrivbordsutveckling i Visual Studio. Blend för Visual Studio installeras också.

    Skärmbild av .NET Desktop Development-arbetsbelastning från Visual Studio Installer

  • Om du vill skapa UWP-appar, installera Universal Windows Platform development workload i Visual Studio. Blend för Visual Studio installeras också.

    Skärmbild av arbetsbelastningen Universal Windows Platform Development från Visual Studio Installer

Delade funktioner

För de flesta grundläggande utvecklingsuppgifter delar Visual Studio och Blend för Visual Studio samma uppsättning fönster och funktioner, med vissa subtila skillnader. Några höjdpunkter är:

  • IntelliSense: Båda IDE:erna stöder IntelliSense-funktioner, till exempel slutförande av instruktion.

  • Felsökning: Du kan felsöka i Visual Studio och Blend för Visual Studio, inklusive att ställa in brytpunkter i kod för att felsöka en app som körs och använda Hot Reload för att ändra XAML-koden medan appen körs. För att upprätthålla en konsekvent felsökningsupplevelse med Visual Studio innehåller Blend för Visual Studio de flesta av Visual Studios felsökningsfönster och verktygsfält.

  • Filinläsning: Du kan redigera dina XAML-filer i följande verktyg: Visual Studio eller Blend för Visual Studio. Redigerade filer som har sparats laddas in på nytt automatiskt när du växlar mellan IDE:er. Du kan styra återladdningsbeteendet genom att navigera till Tools>Options>Environment>Documents i valfri av IDE:erna.

  • Synkroniserade layouter och inställningar: Fönsterlayouter och inställningar för designanpassningsverktyget för Visual Studio eller Blend för Visual Studio synkroniseras mellan dina enheter och versioner när du loggar in med samma anpassningskonto. Se Synkronisera inställningar på flera datorer.

Avancerade funktioner i Blend för Visual Studio

Om du vill öka produktiviteten kan du överväga att använda Blend för Visual Studio för följande uppgifter. Det här är de områden där Blend för Visual Studio erbjuder fler funktioner än enbart Visual Studio-designern eller koden.

Uppgift Visual Studio Blend för Visual Studio Mer information
Utforma visuella tillstånd Det finns inget verktyg som hjälper dig att utforma visuella tillstånd. du måste skapa dem programmatiskt. Använd designverktyg för att ändra utseendet på en kontroll baserat på dess tillstånd. visuella tillstånd
Skapa animeringar Det finns inget designverktyg för animeringar. du måste skapa dem programmatiskt. Detta kräver en förståelse av animations- och tidsschemat i WPF och omfattande kodningsexpertis. Du skapar animeringar visuellt och kan förhandsgranska dem i Blend for Visual Studio. Detta är snabbare och mer exakt än att skapa dina animeringar i kod. Du kan lägga till utlösare för att hantera användarinteraktion och du kan växla till kod för att lägga till händelsehanterare och andra funktioner. Animera objekt
Omvandla former och text till sökvägar för enklare manipulering Stöds inte. Du kan göra subtila eller dramatiska ändringar i former (till exempel rektanglar och ellipser) genom att konvertera dem till sökvägar, vilket ger bättre redigeringskontroll. Du kan omforma eller kombinera sökvägar och skapa sammansatta sökvägar från flera former.

Du kan också konvertera textblock till sökvägar för att hantera dem som vektorbilder.		 Rita former och sökvägar
Redigera kontroller, mallar och formatmallar Kräver kodning och kunskaper om WPF-format och mallar. Omvandla en bild till en kontroll.

Använd mallredigeringsverktygen för att göra ändringar i kontroller, formatmallar och mallar med bara några få musklick.

Du kan till exempel använda Blend för Visual Studio-formatresurser för att implementera vanliga WPF-kontroller (till exempel knappar, listrutor, rullningslister, menyer osv.) och ändra deras färg, formatmall eller underliggande mall direkt i Blend för Visual Studio. Du kan sedan växla till kod för att slutföra detaljer om du vill.		 Ändra objektformatet
Anslut användargränssnittet till data Du kan skapa en datakälla från resurser som en SQL Server-databas, WCF eller webbtjänst, objekt eller SharePoint-lista och sedan binda datakällan till dina användargränssnittskontroller.

Designtidsdata måste skapas för hand för en interaktiv designupplevelse.		 För .NET Framework-appar skapar du enkelt exempeldata för prototyper och testning. Växla till livedata när du är klar.

Blend for Visual Studio's data generation capabilities are outstanding (du kan lägga till namn, siffror, URL:er och foton enkelt i farten) och kan spara mycket tid.

För realtidsdata kan du binda dina användargränssnittskontroller till en XML-fil eller till valfri CLR-datakälla.		 Visa data

Mer information om avancerad XAML-design finns i Skapa ett användargränssnitt med hjälp av Blend för Visual Studio.

Relaterat innehåll