Freigeben über


Beginnen Sie damit, Windows-Apps zu entwickeln

Willkommen bei der Windows-App-Entwicklung. Dieser Leitfaden führt Sie durch die erforderlichen Schritte, um mit dem Erstellen von Apps mit den neuesten Windows-Entwicklungsframeworks zu beginnen: dem Windows App SDK und WinUI. Außerdem werden Sie auf Ressourcen hingewiesen, die Ihnen helfen, mehr über die Windows-Entwicklung zu erfahren. Wenn Sie sich bereits mit der Entwicklung von Apps für Windows vertraut machen, aber mehr über die neuesten Tools wissen möchten, lesen SieEntwickeln von Windows-Desktop-Apps.

Tipp

Microsoft Copilot ist eine hervorragende Ressource, wenn Sie Fragen zum Einstieg in das Schreiben von Windows-Apps haben.

1. Aktivieren des Entwicklermodus

Windows verfügt über einen speziellen Modus für Entwickler, der die Sicherheitseinstellungen so anpasst, dass Sie die Anwendungen, an denen Sie arbeiten, ausführen können. Sie müssen den Entwicklermodus aktivieren, bevor Sie Ihre Anwendung mit Visual Studio erstellen, bereitstellen und testen können.

Tipp

Wenn Sie es jetzt nicht aktivieren, werden Sie aufgefordert, es zu aktivieren, wenn Sie versuchen, Ihre Anwendung in Visual Studio zu erstellen.

So aktivieren Sie den Entwicklermodus:

  • Öffnen Sie die Windows-Einstellungen und navigieren Sie zur Seite System > Für Entwickler.
  • Schalten Sie den Schalter für den Entwicklermodus auf On (ein) und bestätigen Sie Ihre Wahl im Bestätigungsdialog.

Weitere Informationen zum Entwicklermodus finden Sie unter Aktivieren Sie Ihr Gerät für die Entwicklung.

2. Installieren von Visual Studio

Sie verwenden Visual Studio, die umfassende integrierte Entwicklungsumgebung (IDE) von Microsoft, um Ihre WinUI-Anwendung zu erstellen. Es ist das bevorzugte Entwicklungstool vieler Windows-Entwickler und hilft Ihnen beim Schreiben, Debuggen und Bereitstellen Ihrer Anwendungen. Mit den Projektvorlagen in Visual Studio können Sie schnell mit Projekten für Windows und viele andere Plattformen beginnen.

Tipp

Stellen Sie vor der Installation dieser Tools sicher, dass Ihr Entwicklungscomputer die Systemanforderungen für die Entwicklung von Windows-Anwendungen erfüllt.

Verwenden Sie den folgenden Link, um das neueste Visual Studio herunterzuladen und zu installieren. Das Installationsprogramm führt Sie durch die einzelnen Schritte, aber wenn Sie eine detaillierte Anleitung benötigen, finden Sie diese unter Visual Studio installieren.

Die kostenlose Visual Studio Community Edition enthält alles, was Sie zum Erstellen Ihrer Anwendungen benötigen. Wenn Sie mit einem Entwicklungsteam oder einem Unternehmen arbeiten, benötigen Sie möglicherweise Visual Studio Professional oder Visual Studio Enterprise. Siehe Was ist Visual Studio? für weitere Informationen.

2.2 Erforderliche Workloads und Komponenten

Bei der Installation von Visual Studio müssen Sie auch die Workloads und Komponenten installieren, die für die Entwicklung mit WinUI und dem Windows App SDK erforderlich sind. Nach der Installation können Sie die Visual Studio Installer-App öffnen und Modify auswählen, um Workloads und Komponenten hinzuzufügen.

Wählen Sie auf der Registerkarte Workloads der Visual Studio Installer-App die folgenden Workloads und Komponenten aus:

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

Screenshot der Visual Studio-Installationsbenutzeroberfläche mit ausgewählter WinUI-Anwendungsentwicklungsauslastung.

  • Wählen Sie für die C++ -App-Entwicklung mit dem Windows App SDK die WinUI-Anwendungsentwicklung aus.
    • Wählen Sie dann im Bereich "Installationsdetails " unter dem WinUI-AnwendungsentwicklungsknotenC++ WinUI-App-Entwicklungstools aus. (Dadurch werden auch alle zusätzlich erforderlichen Komponenten ausgewählt)

Ein Screenshot der Visual Studio-Installationsoberfläche mit den ausgewählten C++ WinUI-App-Entwicklungstools.

Hinweis

In Visual Studio 17.10 - 17.12 wird diese Workload als Windows-Anwendungsentwicklung bezeichnet.

3. Erstellen und starten Sie Ihre erste WinUI-Anwendung

Visual Studio-Projektvorlagen enthalten alle Dateien, die Sie zur schnellen Erstellung Ihrer Anwendung benötigen. Nachdem Sie Ihr Projekt aus einer WinUI-Vorlage erstellt haben, verfügen Sie bereits über eine Anwendung, die Sie ausführen und mit Ihrem Code versehen können.

So erstellen Sie ein neues Projekt mit der Projektvorlage WinUI C# Blank App:

  1. Öffnen Sie Visual Studio und wählen Sie auf der Startseite Neues Projekt erstellen. (Wenn Visual Studio bereits im Editor geöffnet ist, wählen Sie Datei>Neu>Projekt): Erstellen eines neuen Projekts

  2. Suchen Sie nach WinUI und wählen Sie die WinUI Blank App (Packaged) C#-Projektvorlage aus, dann klicken Sie auf Weiter: Leere, gepackte WinUI 3 C# Desktop-Anwendung

  3. Geben Sie einen Projektnamen an und klicken Sie dann auf Erstellen. Sie können optional einen Lösungsnamen und ein Verzeichnis angeben oder die Standardeinstellungen beibehalten. In diesem Bild gehört das Projekt Hello World zu einer Lösung Hello World, die sich in C:\Projects\ befinden wird: Projektdetails spezifizieren

    Hinweis

    Wenn Sie dieses Projekt verwenden möchten, um die vollständige App im Abschnitt "Nächste Schritte" zu erstellen, nennen Sie das Projekt WinUINotes.

  4. Klicken Sie auf die Schaltfläche Debug „Start“, um Ihr Projekt zu erstellen und auszuführen:
    Erstellen und Ausführen Ihres Projekts
    Ihr Projekt wird erstellt, auf Ihrem lokalen Computer bereitgestellt und im Debugmodus ausgeführt:
    Hallo Welt-Projekt erstellt und ausgeführt

  5. Um das Debugging zu beenden, schließen Sie das Anwendungsfenster oder klicken Sie in Visual Studio auf die Debug-Schaltfläche „Stop“.

4. Beispielcode löschen

Die MainWindow klasse, die in der Projektvorlage enthalten ist, enthält beispielcode, der entfernt werden muss, um Platz für Ihre Inhalte zu schaffen.

  1. Doppelklicken Sie auf MainWindow.xaml im Projektmappen-Explorer, um es zu öffnen. Sie sollten XAML-Markup für ein StackPanel-Steuerelement sehen.

  2. Löschen Sie das XAML für den StackPanel. (Sie fügen Ihren eigenen Inhalt während der Erstellung Ihrer App hinzu.)

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

    Wenn Sie versuchen, Ihre App jetzt auszuführen, wird Visual Studio einen Fehler ähnlich wie The name 'myButton' does not exist in the current contextausgeben. Dies liegt daran, dass Sie das Button Steuerelement mit dem Namen myButtongelöscht haben, aber in der MainPage.xaml.cs CodeBehind-Datei wird weiterhin darauf verwiesen. Löschen Sie auch den Verweis in der Codedatei.

  3. Doppelklicken Sie auf MainWindow.xaml.cs im Projektmappen-Explorer, um es zu öffnen.

  4. Löschen Sie den myButton_Click Ereignishandler.

    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. Speichern Sie die Datei, indem Sie STRG+UMSCHALT+S drücken, auf das Symbol "Alle speichern" in der Symbolleiste klicken oder das Menü " Alle>speichern" auswählen.

5. Aktualisieren sie auf das neueste WinUI/Windows App SDK

Das Windows App SDK (und WinUI, das ein Teil davon ist) wird als NuGet-Paket verteilt. Das bedeutet, dass Updates nicht mehr synchron mit Windows und Visual Studio veröffentlicht werden können. Infolgedessen verweist die Visual Studio-Vorlage, die Sie zum Erstellen Ihres Projekts verwendet haben, möglicherweise nicht auf das neueste Windows App SDK NuGet-Paket. Um sicherzustellen, dass Sie über die neuesten Features und Fixes verfügen, sollten Sie Ihre NuGet-Pakete jedes Mal aktualisieren, wenn Sie ein neues Projekt in Visual Studio erstellen.

So aktualisieren Sie das Windows App SDK NuGet-Paket für Ihr Projekt:

  • Wählen Sie in Visual Studio bei geladenem Projekt Tools>NuGet Package Manager>Manage NuGet Packages for Solution....
  • Wenn ein Update verfügbar ist, wird es auf der Seite Updates angezeigt. Markieren Sie das Kästchen neben der aufgelisteten Aktualisierung. (Um Vorabversionen einzuschließen, aktivieren Sie die Option „Include prerelease“ (Vorabversion einschließen). Weitere Informationen über den Inhalt eines Updates finden Sie in den Versionshinweisen)
  • Klicken Sie auf die Schaltfläche Update, dann auf Anwenden im Dialogfeld Vorschau der Änderungen und akzeptieren Sie die Lizenzbedingungen, um die Installation des Updates abzuschließen.

Ein Screenshot des NuGet-Paketmanagers in Visual Studio zeigt eine Aktualisierung des Windows App SDK-Pakets.

Jetzt verwendet Ihr Projekt die neuesten verfügbaren WinUI-Funktionen und Sie können es zu Ihrem eigenen machen.

Nächste Schritte

  • Um eine Vorstellung davon zu bekommen, was WinUI zu bieten hat, schauen Sie sich die WinUI Gallery App an.

    Die App WinUI 3 Gallery beinhaltet interaktive Beispiele für die meisten WinUI 3-Steuerelemente, -Features und -Funktionen. Laden Sie die App aus dem Microsoft Store herunter, oder rufen Sie den Quellcode auf GitHub ab

  • Erfahren Sie mehr über WinUI-Grundlagen.
  • Erkunden Sie die Grundsätze von Fluent Design .
  • Unter finden Sie Beispiele und Tools, die Ihnen helfen, Anwendungen effizienter zu entwickeln.