Visual Studio voor het ontwikkelen van Windows-apps

Visual Studio is de aanbevolen IDE voor het bouwen van Windows-apps met WinUI en de Windows App SDK. Het biedt uitgebreide integratie met het Windows-platform en hulpprogramma's die speciaal zijn gebouwd voor app-ontwikkeling op basis van XAML.

Belangrijke functies voor Windows app-ontwikkelaars zijn onder andere:

  • XAML-Hot Reload : wijzig de XAML-opmaak terwijl uw app wordt uitgevoerd en zie de wijzigingen direct worden toegepast zonder opnieuw op te starten
  • XAML Live Visual Tree : inspecteer de runtime-visualstructuur van uw actieve app om problemen met de indeling op te sporen en de elementhiërarchie te begrijpen
  • IntelliSense voor XAML en C#/C++ - krijg codevoltooiing, snelle informatie en foutmarkeringen voor zowel de opmaak als de code-behind
  • Geïntegreerde foutopsporing : onderbrekingspunten instellen in XAML en code, gegevensbindingen inspecteren en problemen met de weergave van de gebruikersinterface vaststellen

Zie Een WinUI 3-project maken en uitvoeren om aan de slag te gaan.

WinUI project-sjablonen

Visual Studio bevat projectsjablonen om u te helpen snel WinUI-apps te maken. Open File>Nieuw>Project, filter vervolgens op WinUI in de vervolgkeuzelijst voor projecttypen of zoek naar WinUI.

WinUI project sjablonen

App-sjablonen

Kies een sjabloon op basis van de app-shell waarmee u wilt beginnen. Selecteer een sjabloonnaam om een schermopname te zien van de app die ermee wordt gemaakt.

Sjabloon Language winapp CLI-sjabloon Beschrijving
Lege WinUI-app (verpakt) C# en C++ winui (C#) Eén venster zonder inhoud. Dit is het aanbevolen startpunt voor de meeste nieuwe apps.
WinUI-navigatie-app C# winui-navview Een shell met NavigationView met de pagina's Home, About en Instellingen.
WinUI TabView-applicatie C# winui-tabview Een TabView-shell waarvan de tabbladen zich in de titelbalk bevinden.
WinUI MVVM-app C# winui-mvvm Een pagina en weergavemodel dat gebruikmaakt van het MVVM-patroon (Model-View-ViewModel) met CommunityToolkit.Mvvm.
Blank App (verpakt met WAP Project) C# en C++ Niet beschikbaar Een lege app plus een afzonderlijk Windows Application Packaging-project.

Een project maken vanaf de opdrachtregel

De C#-app-sjablonen zijn ook beschikbaar vanuit de terminal via de Windows-app Development CLI (winapp CLI). Geef de sjabloonnaam van de tabel door aan winapp newen bouw en start de app vervolgens met winapp run:

winapp new --name MyApp --template winui-navview --use-defaults
cd MyApp
winapp run

Voer deze opdracht uit winapp new --list om alle geïnstalleerde sjablonen weer te geven. Het gegenereerde project is een standaard .csproj, zodat u het op elk gewenst moment kunt openen in Visual Studio. Zie Winapp CLI gebruiken met WinUI voor meer informatie.

Lege WinUI-applicatie (ingepakt)

Hiermee maakt u een bureaublad-app in C# (.NET) of C++ (Win32) met een WinUI-gebruikersinterface. De project begint met één venster dat is afgeleid van Microsoft.UI.Xaml.Window, zodat u uw eigen besturingselementen en pagina's kunt toevoegen. Dit is het aanbevolen startpunt voor de meeste nieuwe apps. Zie Een WinUI 3-project maken en uitvoeren voor een overzicht.

Een app die is gemaakt op basis van de sjabloon Lege WinUI-app, met een leeg venster met een titelbalk.

WinUI-navigatie-app

Hiermee maakt u een C#-app met een NavigationView in het linkerdeelvenster. De sjabloon bevat de pagina's Home en Over, een instellingenitem en de navigatiecode die ertussen schakelt.

Een app die is gemaakt op basis van de WinUI Navigatie-app-sjabloon, met een navigatiedeelvenster met de items Home, Over en Instellingen en de startpagina.

WinUI TabView App

Hiermee maakt u een C#-app met een TabView die doorloopt in de titelbalk. De sjabloon bevat tabbladen Start en Info en een knop voor het toevoegen van nieuwe tabbladen.

Een app die is gemaakt op basis van de WinUI TabView-appsjabloon, met de tabbladen Start en Info op de titelbalk.

WinUI MVVM-applicatie

Hiermee maakt u een C#-app die de gebruikersinterface scheidt van logica met het MVVM-patroon. De sjabloon maakt gebruik van CommunityToolkit.Mvvm voor waarneembare eigenschappen en opdrachten en toont een teller die is gebonden aan een weergavemodel.

Een app die is gemaakt op basis van de WinUI MVVM-appsjabloon, met een Hallo, WinUI! kop en een teller met knoppen voor verhogen en verlagen.

Blanco app (Gebundeld met WAP-project)

Hetzelfde als de bovenstaande WinUI Blank App-sjabloon (verpakt), maar voegt een afzonderlijk Windows Application Packaging-project toe aan de oplossing. Dit project verwerkt het bouwen van uw app in een MSIX-pakket voor distributie. Als u de voorkeur geeft aan een eenvoudigere configuratie, kunt u in plaats daarvan single-project MSIX gebruiken om te voorkomen dat u het afzonderlijke verpakkingsproject moet onderhouden.

Onderdeel- en testsjablonen

Met deze sjablonen maakt u bibliotheken en testprojecten die naast een WinUI-app werken.

Sjabloon Language winapp CLI-sjabloon Beschrijving
WinUI-klassebibliotheek C# winui-lib Een .NET klassebibliotheek (DLL) voor het delen van code en UI-onderdelen in WinUI-apps.
Windows Runtime-onderdeel C++ Niet beschikbaar Een Windows Runtime-onderdeel geschreven in C++/WinRT dat kan worden gebruikt door elke app met een winUI-gebruikersinterface, ongeacht de programmeertaal.
WinUI Unit Test App C# en C++ winui-unittest (C#) Een MSTest-project voor het schrijven en uitvoeren van geautomatiseerde tests voor uw app.

WinUI-itemsjablonen

Met itemsjablonen kunt u nieuwe bestanden toevoegen aan een bestaande WinUI-project. Klik met de rechtermuisknop op uw project in Solution Explorer, selecteer Toevoegen>Nieuw item en kies het tabblad WinUI.

WinUI-itemsjablonen

Sjabloon Language Beschrijving
Lege pagina C# en C++ Voegt een XAML-bestand en codebestand toe dat een nieuwe pagina definieert die is afgeleid van de Microsoft.UI.Xaml.Controls.Page-klasse .
Leeg venster C# en C++ Voegt een XAML-bestand en codebestand toe dat een nieuw venster definieert dat is afgeleid van de klasse Microsoft.UI.Xaml.Window .
Inhoudsdialoogvenster C# Voegt een XAML-bestand en codebestand toe dat een nieuw dialoogvenster definieert dat is afgeleid van de klasse Microsoft.UI.Xaml.Controls.ContentDialog. Zie Dialoogvensterbesturingselementen voor meer informatie.
Resourcewoordenboek C# en C++ Voegt een lege, sleutelverzameling van XAML-resources toe. Zie ResourceDictionary- en XAML-resourceverwijzingen voor meer informatie.
Resourcesbestand (.resw) C# en C++ Voor uw app voegt u een bestand toe voor het opslaan van string- en conditionele resources. U kunt dit item gebruiken om uw app te lokaliseren. Zie Tekenreeksen lokaliseren in uw gebruikersinterface en app-pakketmanifest voor meer informatie.
Geconfigureerde controle C# en C++ Hiermee voegt u een codebestand toe voor het maken van een sjabloon-controle met een standaardstijl. Het sjabloonbesturingselement is afgeleid van de klasse Microsoft.UI.Xaml.Controls.Control .

Voor een stapsgewijze uitleg over hoe je deze itemsjabloon kunt gebruiken, zie XAML-gebaseerde besturingselementen bouwen. Zie Aangepaste XAML-besturingselementen voor meer informatie over sjabloonbesturingselementen.
Gebruikersbeheer C# en C++ Voegt een XAML-bestand en codebestand toe voor het maken van een gebruikersbesturingselement dat is afgeleid van de klasse Microsoft.UI.Xaml.Controls.UserControl . Een gebruikersbesturingselement bevat doorgaans gerelateerde bestaande besturingselementen en biedt een eigen logica.

Zie Aangepaste XAML-besturingselementen voor meer informatie over gebruikersbesturingselementen.

Als u deze items wilt toevoegen vanaf de opdrachtregel in een C#-project, gebruikt u de overeenkomende dotnet new itemsjabloon, zoals dotnet new winui-page -n SettingsPage. Voer dotnet new list winui uit om alle itemsjablonen te zien.

Zie ook

  • Laatst bijgewerkt om