Freigeben über

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

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 komplexere Windows Forms-Programme verwendet werden.

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

Voraussetzungen

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, und wählen Sie Erstellen eines neuen Projekts im Startfenster aus.

    Screenshot der Option

  2. 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 der C#-Vorlage für die Windows Forms-App (.NET Framework).

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

    Screenshot des Fensters

    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. Wählen Sie Toolbox aus, um das Flyoutfenster Toolbox zu öffnen.

    Screenshot, der 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, der das Anheften-Symbol zeigt, um das Werkzeugkastenfenster an die IDE zu heften.

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

    Screenshot, der das Formular mit gerade hinzugefügter Schaltfläche zeigt.

  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 des Textfelds 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, der den neuen Namen für die Schaltfläche zeigt.

    Wenn Sie die Liste im Eigenschaftenfenster alphabetisieren, wird Button1 stattdessen im Abschnitt (DataBindings) angezeigt. Sie können die Steuerelemente in Ihrem Formular andocken oder verankern , um die automatische Platzierung und Größenanpassung zu erleichtern, wenn sich die Größe des Formulars ändert.

Hinzufügen einer Beschriftung zum Formular

Nachdem Sie ein Schaltflächensteuerelement zum Erstellen einer Aktion hinzugefügt haben, fügen Sie ein Bezeichnungssteuerelement hinzu, um den Text zu empfangen.

  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 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 der 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 des Dialogfelds

  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:

  • Last updated on