Erstellen einer Windows Forms-App in Visual Studio mit C#

In diesem Tutorial erstellen Sie eine C#-Anwendung, die über eine Windows-Benutzerschnittstelle verfügt.

Wenn Sie Visual Studio noch nicht installiert haben, können Sie es auf der Seite Visual Studio-Downloads kostenlos herunterladen.

Hinweis

Einige der Screenshots in diesem Tutorial verwenden das dunkle Design. Wenn Sie ebenfalls das dunkle Design verwenden möchten, finden Sie auf der Seite Personalisieren der Visual Studio-IDE und des Editors entsprechende Anweisungen.

Wenn Sie Visual Studio noch nicht installiert haben, können Sie es auf der Seite Visual Studio 2022-Downloads kostenlos herunterladen.

Erstellen eines Projekts

Zunächst müssen Sie ein Projekt für die C#-Anwendung erstellen. Der Projekttyp enthält schon bevor Sie mit der Bearbeitung beginnen alle Vorlagendateien, die Sie benötigen.

  1. Öffnen Sie Visual Studio.

  2. Wählen Sie im Startfenster Neues Projekt erstellen aus.

    View the 'Create a new project' window

  3. Wählen Sie im Fenster Neues Projekt erstellen die Vorlage Windows Forms-App (.NET Framework) für C# aus.

    (Sie können die Suche auch verfeinern, um schnell zu der gewünschten Vorlage zu gelangen. Sie können z. B. Windows Forms-App im Suchfeld eingeben. Wählen Sie anschließend in der Liste der Sprachen C# und dann in der Liste der Plattformen Windows aus.)

    Choose the C# template for the Windows Forms App (.NET Framework)

    Hinweis

    Wenn Sie die Windows Forms-App (.NET Framework) nicht sehen, können Sie sie aus dem Fenster Neues Projekt erstellen installieren. Wählen Sie in der Meldung Sie finden nicht, wonach Sie suchen? den Link Weitere Tools und Features installieren aus.

    The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create new project' window

    Wählen Sie dann im Visual Studio-Installer die Workload .NET-Desktopentwicklung aus.

    .NET Core workload in the Visual Studio Installer

    Wählen Sie anschließend die Schaltfläche Ändern im Visual Studio-Installer aus. Möglicherweise werden Sie aufgefordert, Ihre Arbeit zu speichern; wenn dies der Fall ist, führen Sie das aus. Wählen Sie als Nächstes Weiter aus, um die Workload zu installieren. Kehren Sie dann zu Schritt 2 in dieser Vorgehensweise "Projekt erstellen" zurück.

  4. Geben Sie im Fenster Neues Projekt konfigurieren im Feld ProjektnameHalloWelt ein. Wählen Sie anschließend Erstellen aus.

    in the 'Configure your new project' window, name your project 'HelloWorld'

    Visual Studio öffnet Ihr neues Projekt.

  1. Öffnen Sie Visual Studio.

  2. Klicken Sie im Startfenster auf Neues Projekt erstellen.

    Screenshot to show the Create a new project window.

  3. Wählen Sie im Fenster Neues Projekt erstellen die Vorlage Windows Forms-App (.NET Framework) für C# aus.

    (Sie können die Suche auch verfeinern, um schnell zu der gewünschten Vorlage zu gelangen. Sie können z. B. Windows Forms-App im Suchfeld eingeben. Wählen Sie anschließend C# in der Liste Sprache und dann Windows in der Liste Plattform aus.)

    Screenshot to select the C# template for the Windows Forms App (.NET Framework).

    Hinweis

    Wenn Sie die Windows Forms-App (.NET Framework) nicht sehen, können Sie sie aus dem Fenster Neues Projekt erstellen installieren. Wählen Sie in der Meldung Sie finden nicht, wonach Sie suchen? den Link Weitere Tools und Features installieren aus.

    Screenshot to show the The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create a new project' window.

    Wählen Sie dann im Visual Studio-Installer die Arbeitsauslastung .NET-Desktopentwicklung aus.

    Screenshot to show the .NET Core workload in the Visual Studio Installer.

    Wählen Sie anschließend im Visual Studio-Installer die Schaltfläche Ändern aus. Möglicherweise werden Sie aufgefordert, Ihre Arbeit zu speichern; wenn dies der Fall ist, führen Sie das aus. Wählen Sie als Nächstes Weiter aus, um die Arbeitsauslastung zu installieren. Kehren Sie dann zu Schritt 2 in dieser Vorgehensweise "Projekt erstellen" zurück.

  4. Geben Sie im Fenster Neues Projekt konfigurieren im Feld ProjektnameHalloWelt ein. Wählen Sie anschließend Erstellen.

    Screenshot to show the 'Configure your new project' window and name your project 'HelloWorld'.

    Visual Studio öffnet Ihr neues Projekt.

Erstellen der Anwendung

Nachdem Sie eine C#-Projektvorlage ausgewählt und die Datei benannt haben, öffnet Visual Studio ein Formular für Sie. Ein Formular ist eine Windows-Benutzeroberfläche. Wir erstellen eine „Hallo Welt“-Anwendung, indem wir dem Formular Steuerelemente hinzufügen und die App dann ausführen.

Hinzufügen einer Schaltfläche zum Formular

  1. Wählen Sie Toolbox aus, um das Flyoutfenster mit der Toolbox zu öffnen.

    Screenshot to select the Toolbox to open the Toolbox window.

    (Wenn die Flyoutoption Toolbox nicht angezeigt wird, können Sie sie auf der Menüleiste öffnen. Wählen Sie dazu Ansicht>Toolbox aus, oder drücken Sie STRG+ALT+X.)

  2. Erweitern Sie Allgemeine Steuerelemente, und wählen Sie das Symbol Anheften aus, um das Fenster Toolbox anzudocken.

    Screenshot to select the Pin icon to pin the Toolbox window to the IDE.

  3. Wählen Sie das Steuerelement Schaltfläche aus, und ziehen Sie es auf das Formular.

    Screenshot to add a button to the form.

  4. Suchen Sie im Fenster Eigenschaften nach Text, ändern Sie den Namen von button1 zu Click this, und drücken Sie dann die EINGABETASTE.

    Screenshot to add text to the button on the form by using the Properties window.

    (Wenn das Eigenschaftenfenster nicht angezeigt wird, können Sie es über die Menüleiste öffnen. Wählen Sie dazuAnsicht>Eigenschaftenfenster aus, oder drücken Sie F4.)

  5. Ändern Sie im Fenster Eigenschaften im Abschnitt Entwurf den Namen von button1 zu btnClickThis, und drücken Sie dann die EINGABETASTE.

    Screenshot to add a function to the button on the form by using the Properties window.

    Hinweis

    Wenn Sie die Liste im Fenster Eigenschaften alphabetisch sortiert haben, wird button1 stattdessen im Abschnitt (DataBindings) angezeigt.

Hinzufügen einer Bezeichnung zum Formular

Da nun ein Schaltflächen-Steuerelement hinzugefügt wurde, kann jetzt auch ein Bezeichnungs-Steuerelement hinzugefügt werden, an das Text gesendet werden kann, um eine Aktion zu erstellen.

  1. Wählen Sie im Toolbox-Fenster das Steuerelement Bezeichnung aus, und ziehen Sie es dann unter die Schaltfläche Click this („Hier klicken“).

  2. Ändern Sie im Fenster Eigenschaften entweder im Abschnitt Entwurf oder im Abschnitt (DataBindings) den Namen von label1 zu lblHelloWorld, und drücken Sie dann die EINGABETASTE.

Hinzufügen von Code zum Formular

  1. Doppelklicken Sie im Fenster Form1.cs [Entwurf] auf die Schaltfläche Hier klicken, um das Fenster Form1.cs zu öffnen.

    (Stattdessen können Sie auch Form1.cs im Projektmappen-Explorer erweitern und dann auf Form1 klicken.)

  2. Geben Sie im Fenster Form1.cs nach der Zeile private void die Zeichenfolge lblHelloWorld.Text = "Hello World!"; ein, wie im folgenden Screenshot gezeigt:

    Screenshot to add code to the form

Ausführen der Anwendung

  1. Wählen Sie die Schaltfläche Starten aus, um die Anwendung auszuführen.

    Screenshot to select Start to debug and run the app.

    Daraufhin werden einige Vorgänge gleichzeitig ausgeführt. In der Visual Studio-IDE öffnen sich das Fenster Diagnosetools und ein Ausgabefenster. Außerhalb der IDE wird das Form1-Dialogfeld angezeigt. Darin ist die Schaltfläche Hier klicken und der Text label1 enthalten.

  2. Klicken Sie im Dialogfeld Form1 auf die Schaltfläche Hier klicken. Beachten Sie, dass der Text label1 sich in Hallo Welt! ändert.

    Screenshot to show a Form1 dialog box that includes label1 text.

  3. Schließen Sie das Dialogfeld Form1, um die Ausführung der App zu beenden.

Erstellen der Anwendung

Nachdem Sie eine C#-Projektvorlage ausgewählt und die Datei benannt haben, öffnet Visual Studio ein Formular für Sie. Ein Formular ist eine Windows-Benutzeroberfläche. Wir erstellen eine „Hallo Welt“-Anwendung, indem wir dem Formular Steuerelemente hinzufügen und die App dann ausführen.

Hinzufügen einer Schaltfläche zum Formular

  1. Klicken Sie auf Toolbox, um das Toolbox-Flyoutfenster zu öffnen.

    Choose the Toolbox to open the Toolbox window

    (Wenn die Flyoutoption Toolbox nicht angezeigt wird, können Sie sie auf der Menüleiste öffnen. Wählen Sie dazu Ansicht>Toolbox aus, oder drücken Sie STRG+ALT+X.)

  2. Klicken Sie auf das Stecknadelsymbol, um das Toolbox-Fenster anzudocken.

    Choose the Pin icon to pin the Toolbox window to the IDE

  3. Klicken Sie auf das Schaltflächen-Steuerelement, und ziehen Sie es auf das Formular.

    Add a button to the form

  4. Suchen Sie im Fenster Eigenschaften nach Text, ändern Sie den Namen von Button1 in Click this, und drücken Sie dann die EINGABETASTE.

    Add text to the button on the form

    (Wenn das Eigenschaftenfenster nicht angezeigt wird, können Sie es über die Menüleiste öffnen. Wählen Sie dazuAnsicht>Eigenschaftenfenster aus, oder drücken Sie F4.)

  5. Ändern Sie im Fenster Eigenschaften im Abschnitt Entwurf den Namen von Button1 in btnClickThis, und drücken Sie dann die EINGABETASTE.

    Add a function to the button on the form

    Hinweis

    Wenn Sie die Liste im Fenster Eigenschaften alphabetisch sortiert haben, wird Button1 stattdessen im Abschnitt (DataBindings) angezeigt.

Hinzufügen einer Bezeichnung zum Formular

Da nun ein Schaltflächen-Steuerelement hinzugefügt wurde, kann jetzt auch ein Bezeichnungs-Steuerelement hinzugefügt werden, an das Text gesendet werden kann, um eine Aktion zu erstellen.

  1. Wählen Sie im Toolbox-Fenster das Steuerelement Bezeichnung aus, und ziehen Sie es dann unter die Schaltfläche Click this („Hier klicken“).

  2. Ändern Sie im Fenster Eigenschaften entweder im Abschnitt Entwurf oder im Abschnitt (DataBindings) den Namen von Label1 in lblHelloWorld, und drücken Sie dann die EINGABETASTE.

Hinzufügen von Code zum Formular

  1. Doppelklicken Sie im Fenster Form1.cs [Entwurf] auf die Schaltfläche Hier klicken, um das Fenster Form1.cs zu öffnen.

    (Stattdessen können Sie auch Form1.cs im Projektmappen-Explorer erweitern und dann im Kontextmenü von Form1.cs die Option Code anzeigen auswählen (oder F7 drücken).)

  2. Geben Sie im Fenster Form1.cs nach der Zeile private void die Zeichenfolge lblHelloWorld.Text = "Hello World!"; ein, wie im folgenden Screenshot gezeigt:

    Add code to the form

Ausführen der Anwendung

  1. Klicken Sie auf die Schaltfläche Start, um die Anwendung auszuführen.

    Choose Start to debug and run the app

    Daraufhin werden einige Vorgänge gleichzeitig ausgeführt. In der Visual Studio-IDE öffnen sich das Fenster Diagnosetools und ein Ausgabefenster. Außerhalb der IDE wird das Form1-Dialogfeld angezeigt. Darin ist die Schaltfläche Click this („Hier klicken“) und Text mit dem Inhalt Label1 enthalten.

  2. Klicken Sie im Dialogfeld Form1 auf die Schaltfläche Hier klicken. Beachten Sie, dass der Text Label1 sich in Hallo Welt! ändert.

    A Form1 dialog box that includes Label1 text

  3. Schließen Sie das Dialogfeld Form1, um die Ausführung der App zu beenden.

Nächste Schritte

Damit haben Sie das Tutorial erfolgreich abgeschlossen. Fahren Sie für weitere Informationen mit dem folgenden Tutorial fort:

Siehe auch