Een WinUI 3-taak-app bouwen met een AI-assistent

AI-coderingsassistenten kunnen snel een werkende app maken, maar ze kunnen ook API's uit verschillende generaties van Windows ontwikkeling combineren. Een antwoord kan er overtuigend uitzien tijdens het combineren van WinUI 3 met UWP, WPF, WinUI 2 of .NET MAUI.

In deze zelfstudie gebruikt u een AI-coderingsassistent voor het bouwen van Task Tally, een kleine WinUI 3-taak-app. Belangrijker is dat u leert hoe u de assistent kunt aansturen, het werk ervan kunt inspecteren en het resultaat kunt controleren op basis van Microsoft Learn.

In deze handleiding wordt de volgende cyclus gebruikt:

Vraag → Genereer → Bouw → Inspecteer → Verifieer → Verfijn

De assistent kan code schrijven en uitleggen, maar de compiler, de actieve app en de huidige documentatie blijven uw bronnen van waarheid.

Wat u bouwt

Met Task Tally kan een gebruiker:

  • Taken toevoegen en verwijderen.
  • Taken als voltooid markeren.
  • Sla taken op in de lokale app-opslag.
  • Wijzig het formaat van het venster zonder toegang tot opdrachten te verliezen.
  • Gebruik de app met een toetsenbord en toegankelijkheidsprogramma's.

De voltooide Task Tally-app met vier taken, één voltooide taak, het resterende aantal taken en een bericht over een geslaagde update.

U gebruikt C#, WinUI 3, de Windows App SDK en de MVVM Toolkit. De app is verpakt met MSIX voor lokale ontwikkeling.

Wat u leert

  • Schrijfvereisten die gegenereerde code binnen WinUI 3 behouden.
  • Verbreek een functie in prompts die u onafhankelijk van elkaar kunt bouwen en verifiëren.
  • Controleer gegenereerde projectbestanden, naamruimten, besturingselementen en gegevensbinding.
  • Controleer Windows API's op basis van Microsoft Learn.
  • Algemene door AI gegenereerde fouten herkennen in Windows app-code.
  • Test gegenereerde code in plaats van deze te accepteren omdat deze er plausibel uitziet.

Prerequisites

Rond eerst Quickstart: een WinUI 3-project maken en uitvoeren af, met behulp van de installatie via Visual Studio of de opdrachtregel. U hebt ook een AI-coderingsassistent nodig die bestanden in uw project kan lezen en bewerken.

In deze tutorial maakt u een afzonderlijk TaskTally project. De zelfstudie Notities is een alternatief voor het leren van XAML- en C#-basisprincipes, niet een vereiste.

U hebt geen eerdere WinUI-ervaring nodig. De prompts in deze zelfstudie zijn toolneutraal, dus pas hun opdrachtformulering aan uw assistent aan.

Tip

De Windows-app Development CLI verkennen

Liever opdrachtregelprogramma's? De Windows-app Development CLI (winapp) biedt hulpprogramma's voor Windows SDK-installatie, pakketidentiteit, manifesten, certificaten en MSIX-pakketten. Het is momenteel beschikbaar in openbare preview en is optioneel voor deze zelfstudie. U kunt doorgaan met de Visual Studio of .NET CLI-werkstroom die hier wordt beschreven.

Important

Controleer de wijzigingen voordat u ze accepteert. Plak geen referenties, persoonlijke broncode, persoonlijke gegevens of andere gevoelige informatie in een service die niet is goedgekeurd voor die gegevens.