Partager via

Commencez à développer des applications Windows

Bienvenue dans le développement d’applications Windows. Ce guide vous guidera à travers les étapes nécessaires pour commencer à créer des applications en utilisant les derniers frameworks de développement Windows : le Windows App SDK et WinUI. Il vous orientera également vers des ressources qui vous permettront d’obtenir plus d’informations sur le développement Windows. Si vous êtes déjà à l’aise avec le développement d’applications pour Windows, mais que vous souhaitez en savoir plus sur les derniers outils, veuillez consulter la section Développer des applications de bureau Windows.

Conseil

Microsoft Copilot est une excellente ressource si vous avez des questions sur les premiers pas dans l’écriture d’applications Windows.

1. Activer le mode développeur

Windows dispose d’un mode spécial pour les développeurs qui ajuste les paramètres de sécurité afin de vous permettre d’exécuter les applications sur lesquelles vous travaillez. Vous devez activer le mode développeur avant de pouvoir générer, déployer et tester votre application à l’aide de Visual Studio.

Conseil

Si vous ne l’activez pas tout de suite, vous serez invité à l’activer lorsque vous essayerez de générer votre application dans Visual Studio.

Pour activer le mode développeur :

  • Ouvrez les paramètres Windows et accédez à la page Système > Pour les développeurs.
  • Basculez le commutateur du mode développeur sur On et confirmez votre choix dans la boîte de dialogue de confirmation.

Pour en savoir plus sur le mode développeur, consultez Activer votre appareil pour le développement.

2. Installer Visual Studio

Pour créer votre application WinUI, vous allez utiliser Visual Studio, l’environnement de développement intégré (IDE) de Microsoft. Il s’agit de l’outil de développement préféré de nombreux développeurs Windows et il vous aidera à écrire, à déboguer et à déployer vos applications. Grâce aux modèles de projet de Visual Studio, vous pourrez rapidement commencer à réaliser des projets pour Windows et de nombreuses autres plates-formes.

Conseil

Avant d’installer ces outils, assurez-vous que votre ordinateur de développement répond à la configuration requise pour le développement d’applications Windows.

Utilisez le lien ci-dessous pour télécharger et installer la dernière version de Visual Studio. Le programme d’installation vous guidera pas à pas, mais si vous avez besoin d’instructions détaillées, reportez-vous à la section Installer Visual Studio.

Télécharger Visual Studio

L’édition gratuite Visual Studio Community inclut tout ce dont vous avez besoin pour créer vos applications. Si vous travaillez avec une équipe ou une entreprise de développement, vous aurez peut-être besoin de Visual Studio Professional ou de Visual Studio Enterprise. Consultez Qu’est-ce que Visual Studio ? pour en savoir plus.

2.2 Charges de travail et composants requis

Lors de l’installation de Visual Studio, vous devez installer les charges de travail et les composants requis pour le développement avec WinUI et le SDK d’application Windows. Après l’installation, vous pouvez ouvrir l’application Visual Studio Installer et sélectionner Modifier pour ajouter des charges de travail et des composants.

Sous l’onglet Charges de travail de l’application Visual Studio Installer, sélectionnez les charges de travail et les composants suivants :

  • Pour le développement d’applications C# à l’aide du Kit de développement logiciel (SDK) d’application Windows, sélectionnez Développement d’applications WinUI.

Capture d’écran de l’interface utilisateur du programme d’installation de Visual Studio avec la charge de travail de développement d’applications WinUI sélectionnée.

  • Pour le développement d’applications C++ à l’aide du Kit de développement logiciel (SDK) d’application Windows, sélectionnez Développement d’applications WinUI.
    • Ensuite, dans le volet Détails de l’installation , sous le nœud de développement d’applications WinUI , sélectionnez outils de développement d’applications WinUI C++. (On sélectionne ainsi également tous les composants requis supplémentaires.)

Capture d’écran de l’interface utilisateur du programme d’installation de Visual Studio avec les outils de développement d’applications WinUI C++ sélectionnés.

Remarque

Dans Visual Studio 17.10 - 17.12, cette charge de travail est appelée développement d’applications Windows.

3. Créez et lancez votre première application WinUI

Les modèles de projet Visual Studio incluent tous les fichiers dont vous avez besoin pour créer rapidement votre application. En fait, après avoir créé votre projet à partir d’un modèle d’application WinUI, vous disposez déjà d’une application que vous pouvez exécuter et à laquelle vous pouvez ajouter votre code.

Créer un projet à l’aide du modèle de projet Application vide WinUI C# :

  1. Lancez Visual Studio, puis sélectionnez Créer un projet à partir de la page de lancement. (Si Visual Studio est déjà ouvert dans l’éditeur, sélectionnez Fichier>Nouveau>Projet) : Créer un projet

  2. Recherchez WinUI et sélectionnez le modèle de projet WinUI Blank App (Packaged) C#, puis cliquez sur Suivant : Application de bureau vide, empaquetée WinUI 3 C#

  3. Spécifiez un nom de projet, puis cliquez sur Créer. Vous pouvez aussi spécifier un nom de solution et un répertoire, ou laisser les valeurs par défaut. Dans cette image, le projet Hello World appartient à une solution Hello World, qui résidera dans C:\Projects\ : Spécifiez les détails du projet

    Remarque

    Si vous souhaitez utiliser ce projet pour générer l’application complète dans la section Étapes suivantes, nommez le projet WinUINotes.

  4. Cliquez sur le bouton « Démarrer » de débogage pour générer et exécuter votre projet :
    Créez et exécutez votre projet
    Votre projet sera construit, sera déployé sur votre ordinateur local et s'exécutera en mode débogage.
    Projet Hello World créé et en cours d’exécution

  5. Pour arrêter le débogage, fermez la fenêtre de l’application ou cliquez sur le bouton « Arrêter » de débogage dans Visual Studio.

4. Supprimer un exemple de code

La MainWindow classe incluse dans le modèle de projet inclut un exemple de code qui doit être supprimé pour rendre place à votre contenu.

  1. Double-cliquez MainWindow.xaml dans l’Explorateur de solutions pour l’ouvrir. Vous devriez voir le balisage XAML d’un contrôle StackPanel.

  2. Supprimez le XAML pour le StackPanel. (Vous allez ajouter votre propre contenu à sa place lors de la création de votre application.)

    <!-- ↓ Delete this. ↓ -->
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Button x:Name="myButton" Click="myButton_Click">Click Me</Button>
</StackPanel>

    Si vous essayez d’exécuter votre application maintenant, Visual Studio affichera une erreur du type The name 'myButton' does not exist in the current context. Cela est dû au fait que vous avez supprimé le Button contrôle nommé myButton, mais qu’il est toujours référencé dans le MainPage.xaml.cs fichier code-behind. Supprimez également la référence dans le fichier de code.

  3. Double-cliquez MainWindow.xaml.cs dans l’Explorateur de solutions pour l’ouvrir.

  4. Supprimez le gestionnaire d’événements myButton_Click .

    public sealed partial class MainWindow : Window
{
    public MainWindow()
    {
        this.InitializeComponent();
    }

    // ↓ Delete this. ↓
    private void myButton_Click(object sender, RoutedEventArgs e)
    {
        myButton.Content = "Clicked";
    }
    // End delete.
}

  5. Enregistrez le fichier en appuyant sur Ctrl + Maj + S, en cliquant sur l’icône Enregistrer tout dans la barre d’outils ou en sélectionnant le menu Fichier>Enregistrer tout.

5. Mettre à jour vers la dernière version du Kit de développement logiciel (SDK) d’application WinUI/Windows

Le SDK d’application Windows (et WinUI, qui en fait partie) est distribué en tant que package NuGet. Cela signifie que les mises à jour peuvent être publiées de façon désynchronisée avec Windows et Visual Studio. Par conséquent, il est possible que le modèle Visual Studio que vous avez utilisé pour créer votre projet ne référence pas le dernier package NuGet du SDK d’application Windows. Pour vous assurer que vous disposez des fonctionnalités et des correctifs les plus récents, mettez à jour vos packages NuGet chaque fois que vous créez un projet dans Visual Studio.

Mettre à jour le package NuGet du SDK d’application Windows pour votre projet :

  • Dans Visual Studio, une fois votre projet chargé, sélectionnez Outils>Gestionnaire de package NuGet>Gérer les packages NuGet pour la solution.
  • Si une mise à jour est disponible, elle apparaît sur la page Mises à jour. Cochez la case en regard de la mise à jour répertoriée. (Pour inclure les mises à jour des versions préliminaires, cochez l’option « Inclure version préliminaire ». Pour en savoir plus sur ce qui est inclus dans une mise à jour, consultez les notes de publication).
  • Cliquez sur le bouton Mettre à jour, puis sur Appliquer dans la boîte de dialogue Prévisualiser les modifications, puis acceptez les termes du contrat de licence pour terminer l’installation de la mise à jour.

Capture d’écran du gestionnaire de packages NuGet dans Visual Studio qui présente une mise à jour du package du SDK d’application Windows.

Votre projet utilise désormais les dernières fonctionnalités WinUI disponibles, et il est prêt pour que vous puissiez vous l’approprier.

Étapes suivantes

Suivre un tutoriel pour créer une application de note avec WinUI

  • Pour avoir une idée de ce que WinUI peut vous offrir, consultez l’application Galerie WinUI.

    L’application WinUI 3 Gallery comprend des exemples interactifs de la plupart des contrôles et fonctionnalités WinUI 3. Procurez-vous l’application sur le Microsoft Store ou le code source sur GitHub.

  • En savoir plus sur les éléments fondamentaux de WinUI
  • Explorez les principes de Fluent Design.
  • Recherchez des exemples et des outils pour vous aider à développer des applications plus efficacement.