Lernprogramm: Erstellen Ihrer ersten Windows App SDK-Anwendung in Visual Studio mit XAML und C#

Wählen Sie für die C# -App-Entwicklung mit dem Windows App SDK die WinUI-Anwendungsentwicklung aus.

Wählen Sie für die C# -App-Entwicklung mit dem Windows App SDK die WinUI-Anwendungsentwicklung aus.

1. Öffnen Sie Visual Studio, und wählen Sie im Startfenster Erstellen eines neuen Projektsaus.

2. Geben Sie auf dem Bildschirm " Neues Projekt erstellen " WinUI in das Suchfeld ein, wählen Sie die C#-Vorlage für "Leere WinUI-App (Verpackt)" aus, und wählen Sie dann "Weiter" aus.

   

3. Geben Sie dem Projekt einen Namen, HelloWorld, und wählen Sie Erstellenaus.

   

1. Öffnen Sie Visual Studio, und wählen Sie im Startfenster Erstellen eines neuen Projektsaus.

2. Geben Sie auf dem Bildschirm " Neues Projekt erstellen " winui in das Suchfeld ein, wählen Sie die C#-Vorlage für die Vorlage "C#" für "Leere App", "Verpackt" (WinUI 3 in Desktop) und dann " Weiter" aus.

   

3. Geben Sie dem Projekt einen Namen, HelloWorld, und wählen Sie Erstellenaus.

   

1. Doppelklicken Sie im Solution Explorerauf MainWindow.xaml, um den XAML-Markup-Editor zu öffnen.

   

   Mit dem XAML-Editor- können Sie Markup hinzufügen oder ändern. Im Gegensatz zu UWP-Projekten bietet WinUI 3 keine Designansicht.

   

2. Beginnen Sie innerhalb des Elements mit der <Grid> Eingabe <Button. IntelliSense bietet Ihnen eine Schaltflächenoption. Drücken Sie die TAB-TASTE , um dies zu akzeptieren.

   

1. Doppelklicken Sie im Solution Explorerauf MainWindow.xaml, um den XAML-Markup-Editor zu öffnen.

   

   Mit dem XAML-Editor- können Sie Markup hinzufügen oder ändern. Im Gegensatz zu UWP-Projekten bietet WinUI 3 keine Designansicht.

   

2. Sehen Sie sich das Schaltflächen-Steuerelement an, das in StackPanel im Stammverzeichnis von Window geschachtelt ist.

   

1. Ändern Sie im XAML-Editor den Wert "Schaltflächeninhalt" von ihrem aktuellen Wert in "Hello World!".

   

2. Platzieren Sie den Cursor im Starttag des <Button> Elements (nach den vorhandenen Attributen, z. B. Content) und beginnen Sie mit der Eingabe Click. IntelliSense bietet einen neuen Ereignishandler namens Button_Click. Sie arbeiten mit diesem Code im nächsten Abschnitt.

   

1. Ändern Sie im XAML-Editor den Wert "Schaltflächeninhalt" von ihrem aktuellen Wert in "Hello World!".

   

2. Beachten Sie, dass für die Schaltfläche auch ein Click-Ereignishandler mit dem Namen myButton_Click angegeben ist. Sie arbeiten damit im nächsten Schritt.

   

1. Doppelklicken Sie im Projektmappen-Explorer auf MainWindow.xaml.cs, die CodeBehind-Seite.

2. Bearbeiten Sie den Ereignishandlercode im daraufhin geöffneten C#-Editorfenster.

   Hier finden Sie interessante Dinge. Der Standardereignishandler sieht wie folgt aus:

   

   Lassen Sie uns es ändern, sodass es wie folgt aussieht:

   

   Hier sehen Sie den Code zum Kopieren und Einfügen:

   private async void Button_Click(object sender, RoutedEventArgs e)
   {
       var welcomeDialog = new ContentDialog()
       {
           Title = "Hello from HelloWorld",
           Content = "Welcome to your first Windows App SDK app.",
           CloseButtonText = "Ok",
           XamlRoot = ((FrameworkElement)sender).XamlRoot
       };
       await welcomeDialog.ShowAsync();
   }
   

1. Doppelklicken Sie im Projektmappen-Explorer auf MainWindow.xaml.cs, die CodeBehind-Seite.

2. Bearbeiten Sie den Ereignishandlercode im daraufhin geöffneten C#-Editorfenster.

   Hier finden Sie interessante Dinge. Der Standardereignishandler sieht wie folgt aus:

   

   Lassen Sie uns es ändern, sodass es wie folgt aussieht:

   

   Hier sehen Sie den Code zum Kopieren und Einfügen:

   private async void myButton_Click(object sender, RoutedEventArgs e)
   {
       var welcomeDialog = new ContentDialog()
       {
           Title = "Hello from HelloWorld",
           Content = "Welcome to your first Windows App SDK app.",
           CloseButtonText = "Ok",
           XamlRoot = myButton.XamlRoot
       };
       await welcomeDialog.ShowAsync();
   }