Freigeben über

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

  • Artikel

In diesem Lernprogramm erstellen Sie eine einfache C#-Anwendung mit einer Windows-basierten Benutzeroberfläche (UI). Die App verfügt über eine Schaltfläche, mit der der Text einer Bezeichnung geändert wird. Diese einfache App verfügt über alle Komponenten, die für kompliziertere Forms-Programme verwendet werden.

  • Erstellen eines C#-Projekts in Visual Studio
  • Erstellen einer Anwendung
  • Ausführen der Anwendung

Voraussetzungen

  • Wenn Sie nicht über Visual Studio verfügen, wechseln Sie zur Visual Studio-Downloads Seite, um es kostenlos zu installieren.
  • .NET-Desktopentwicklung-Workload. Um diese Workload in Visual Studio zu überprüfen oder zu installieren, wählen Sie Extras>Extras und Features abrufen aus. Weitere Informationen finden Sie unter Ändern von Workloads oder einzelnen Komponenten.
  • Wenn Sie nicht über Visual Studio verfügen, wechseln Sie zu den Visual Studio 2022-Downloads Seite, um es kostenlos zu installieren.
  • .NET-Desktopentwicklung-Workload. Um diese Workload in Visual Studio zu überprüfen oder zu installieren, wählen Sie Extras>Extras und Features abrufen aus. Weitere Informationen finden Sie unter Ändern von Workloads oder einzelnen Komponenten.

Erstellen eines Projekts

Erstellen Sie zunächst ein C#-Anwendungsprojekt. Der Projekttyp enthält alle Vorlagendateien, die Sie zum Erstellen Ihrer Anwendung benötigen.

  1. Öffnen Sie Visual Studio.

  2. Wählen Sie im Startfenster Neues Projekt erstellenaus.

    Screenshot zeigt das Fenster

  3. Wählen Sie in Erstellen eines neuen Projektsdie vorlage Windows Forms-App (.NET Framework) für C# aus.

    Screenshot zeigt die Windows Forms-App (.NET Framework) für C#.

    Sie können Ihre Suche verfeinern, um schnell zur gewünschten Vorlage zu gelangen. Geben Sie z. B. Windows Forms App in das Suchfeld ein. Wählen Sie als Nächstes C#- aus der Sprachenliste aus, und wählen Sie dann in der Plattformliste Windows aus.

  4. Geben Sie unter Neues Projekt konfigurieren für Projektname HelloWorld ein, und klicken Sie auf Erstellen.

    Screenshot zeigt das Fenster

    Visual Studio öffnet Ihr neues Projekt.

  1. Öffnen Sie Visual Studio.

  2. Wählen Sie im Startfenster Neues Projekt erstellenaus.

    Screenshot zeigt die Option

  3. Wählen Sie in Erstellen eines neuen Projektsdie Vorlage Windows Forms-App (.NET Framework) für C# aus.

    Sie können Ihre Suche verfeinern, um schnell zur gewünschten Vorlage zu gelangen. Geben Sie z. B. Windows Forms App in das Suchfeld ein. Wählen Sie als Nächstes C#- aus der Sprachliste aus, und wählen Sie dann Windows aus der Plattformliste aus.

    Screenshot zeigt die C#-Vorlage für die Windows Forms-App (.NET Framework).

  4. Geben Sie im Fenster 'Neues Projekt konfigurieren' im Feld ProjektnamenHelloWorldein, und wählen Sie Erstellenaus.

    Screenshot zeigt das Fenster

    Visual Studio öffnet Ihr neues Projekt.

Erstellen der Anwendung

Nachdem Sie Ihre C#-Projektvorlage ausgewählt und Ihr Projekt benannt haben, öffnet Visual Studio ein Formular für Sie. Ein Formular ist eine Windows-Benutzeroberfläche. Erstellen Sie eine Hello World Anwendung, indem Sie dem Formular Steuerelemente hinzufügen. Führen Sie die App dann aus.

Hinzufügen einer Schaltfläche zum Formular

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

    Screenshot zeigt die Toolboxoption zum Öffnen des Toolboxfensters.

    Wenn die Option Toolbox nicht angezeigt wird, können Sie sie über die Menüleiste öffnen. Klicken Sie auf Ansicht>Toolbox, oder drücken Sie STRG+ALT+X.

  2. Klicken Sie auf das Symbol Anheften, um das Fenster Toolbox anzudocken.

    Screenshot: Symbol „Anheften“, das das Fenster „Toolbox“ an die IDE anheftet

  3. Klicken Sie auf das Steuerelement Button, und ziehen Sie es in das Formular.

    Screenshot zeigt das Formular mit einer Schaltfläche.

  4. Suchen Sie im Fenster Eigenschaften nach Text, ändern Sie den Namen von Button1 in Click this, und wählen Sie dann Enteraus.

    Screenshot zeigt, wo Text für die Schaltfläche im Formular geändert werden soll.

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

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

    Screenshot zeigt den neuen Namen für die Schaltfläche.

    Anmerkung

    Wenn Sie die Liste im Eigenschaftenfenster alphabetisieren, wird Button1 stattdessen im Abschnitt (DataBindings) angezeigt.

Hinzufügen einer Beschriftung zum Formular

Nachdem Sie ein Schaltflächensteuerelement zum Erstellen einer Aktion hinzugefügt haben, fügen Sie ein Bezeichnungssteuerelement hinzu, an das Text gesendet werden soll.

  1. Wählen Sie das Steuerelement Label aus der Toolboxaus. Ziehen Sie das Element in das Formular, und legen Sie es unter der Schaltfläche Click this ab.

  2. Ändern Sie im Abschnitt Entwurf oder (DataBindings) des Fensters Eigenschaften den Namen von Label1 zu lblHelloWorld. Drücken Sie dann die EINGABETASTE.

Hinzufügen von Code zum Formular

  1. Doppelklicken Sie im fenster Form1.cs [Entwurf] auf die Schaltfläche Klicken Sie auf diese schaltfläche, um das Form1.cs Fenster zu öffnen.

    Alternativ können Sie Form1.cs im Projektmappen-Explorer erweitern und dann Code anzeigen oder F7 im Kontextmenü für Form1.cs auswählen.

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

    Screenshot zeigt das Codefenster, in dem Sie dem Formular Code hinzufügen.

Nachdem Sie Ihre C#-Projektvorlage ausgewählt und Ihr Projekt benannt haben, öffnet Visual Studio ein Formular für Sie. Ein Formular ist eine Windows-Benutzeroberfläche. Erstellen Sie eine Hello World Anwendung, indem Sie dem Formular Steuerelemente hinzufügen. Führen Sie die App dann aus.

Hinzufügen einer Schaltfläche zum Formular

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

    Screenshot zeigt, wie Sie die Toolbox auswählen, um das Toolboxfenster zu öffnen.

    Wenn die Option Toolbox nicht angezeigt wird, können Sie sie über die Menüleiste öffnen. Klicken Sie auf Ansicht>Toolbox, 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 zeigt das Pin-Symbol, um das Toolboxfenster an die IDE anzupinnen.

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

    Screenshot zeigt das Formular mit einer soeben hinzugefügten Schaltfläche.

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

    Screenshot zeigt das Textfeld im Eigenschaftenfenster.

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

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

    Screenshot zeigt den neuen Namen für die Schaltfläche.

    Anmerkung

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

Hinzufügen einer Beschriftung zum Formular

Nachdem Sie ein Schaltflächensteuerelement zum Erstellen einer Aktion hinzugefügt haben, fügen Sie ein Bezeichnungssteuerelement hinzu, an das Text gesendet werden soll.

  1. Wählen Sie das Steuerelement Label aus der Toolbox aus. Ziehen Sie das Element in das Formular, und legen Sie es unter der Schaltfläche Click this ab.

  2. Ändern Sie im Abschnitt Entwurf oder im (DataBindings) Abschnitt des Fensters Eigenschaften den Namen von label1 zu lblHelloWorld. Drücken Sie dann die EINGABETASTE.

Hinzufügen von Code zum Formular

  1. Doppelklicken Sie im fenster Form1.cs [Entwurf] auf die Schaltfläche Klicken Sie auf diese schaltfläche, um das Form1.cs Fenster zu öffnen.

    Alternativ können Sie Form1.cs im Projektmappen-Explorererweitern und dann Form1auswählen.

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

    Screenshot, der zeigt, wo dem Formular Code hinzugefügt werden soll.

Ausführen der Anwendung

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

    Screenshot zeigt die Schaltfläche

    Mehrere Dinge passieren. In der Visual Studio-IDE wird neben dem Fenster Diagnosetools auch das Fenster Ausgabe geöffnet. Außerhalb der IDE wird jedoch ein Formular1 Dialogfeld angezeigt. Darin ist die Schaltfläche Click this sowie der Text mit dem Inhalt Label1 enthalten.

  2. Klicken Sie im Dialogfeld Form1 auf die Schaltfläche Click this. Beachten Sie, dass sich der Label1 Text in Hello World ändert!.

    Der Screenshot zeigt Ihre App, die ein Form1-Dialogfeld mit Label1-Text enthält.

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

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

    Screenshot zeigt die Schaltfläche

    Mehrere Dinge passieren. In der Visual Studio-IDE wird neben dem Fenster Diagnosetools auch das Fenster Ausgabe geöffnet. Außerhalb der IDE wird jedoch ein Formular1 Dialogfeld angezeigt. Es umfasst die Schaltfläche Click this und Text mit dem Inhalt label1.

  2. Klicken Sie im Dialogfeld Form1 auf die Schaltfläche Click this. Beachten Sie, dass sich der label1 Text in Hello World!ändert.

    Screenshot zeigt das Dialogfeld

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

Verwandte Inhalte

Herzlichen Glückwunsch zum Abschluss dieses Lernprogramms. Um mehr zu erfahren, fahren Sie mit dem folgenden Tutorial fort:

Lernprogramm: Erstellen einer Bildanzeige

Oder probieren Sie diese anderen Lernprogramme aus: