So erstellen Sie Ihre erste Windows Forms (Winforms)-Anwendung in Visual Studio

Windows Forms ist ein in Visual Studio verfügbares Framework, mit dem Sie Desktopanwendungen mithilfe einer grafischen Benutzeroberfläche erstellen können. Auf diese Weise können Sie Widgets wie Schaltflächen oder Beschriftungen anklicken und direkt auf eine Leinwand ziehen und die Eigenschaften jedes Widgets wie Schriftgröße, Farbe oder Rahmen bearbeiten.

In diesem Artikel wird ein einfacher Umrechner von Celsius in Fahrenheit als Beispiel verwendet, um die Grundlagen zum Einrichten einer Windows Form-Anwendung durchzugehen. Visual Studio 2019 Community Edition ist die Edition, die für dieses Tutorial verwendet wird.

So erstellen Sie das Windows Forms-Projekt in Visual Studio

Erstellen Sie zunächst das Projekt in Visual Studio.

1. Öffnen Sie Visual Studio und wählen Sie aus Erstellen Sie ein neues Projekt.
2. Visual Studio stellt Ihnen eine Liste mit Projektvorlagen bereit, aus der Sie auswählen können.
3. Um eine Windows Forms-Anwendung zu erstellen, suchen Sie nach Windows Form-App und wählen Sie es aus der Liste der Vorlagen aus. Sobald dies ausgewählt ist, klicken Sie auf
   instagram viewer
   Nächste.

   Wenn die Windows Form-App Option ist in der Liste nicht verfügbar, Ändern Sie Ihre installierte Version von Visual Studio. Fügen Sie im Visual Studio-Installer die Workload für die .NET-Desktopentwicklung für Desktop und Mobile hinzu, und starten Sie Visual Studio neu.

4. Fügen Sie einen Namen und einen Ort für das Projekt hinzu und klicken Sie auf Nächste. Der Speicherort ist das Verzeichnis, in dem die Codedateien gespeichert werden.
5. Behalten Sie auf dem nächsten Bildschirm die Standardauswahl von .NET Core 3.1 bei.
6. Klicken Schaffen.
7. Nachdem Visual Studio die Erstellung des Projekts abgeschlossen hat, wird das Projekt geöffnet.

So fügen Sie Elemente zur Projektleinwand hinzu

Die Leinwand ist der weiße Bereich oben links auf dem Bildschirm. Klicken und ziehen Sie die Punkte unten, rechts oder unten rechts auf der Leinwand, um bei Bedarf die Größe zu ändern.

Um die Benutzeroberfläche der Anwendung zu erstellen, fügen Sie Widgets wie Schaltflächen oder Textfelder auf der Leinwand hinzu.

1. Öffne das Registerkarte anzeigen oben im Fenster und wählen Sie aus Werkzeugkasten.
2. Dadurch wird auf der linken Seite der Anwendung eine Toolbox hinzugefügt. Wähle aus Pin-Symbol oben rechts in der Toolbox, um es dauerhaft dort anzuheften.
3. Hier können Sie jedes Widget aus der Toolbox auf die Leinwand ziehen. Markieren Sie eine Schaltfläche aus der Toolbox und ziehen Sie sie auf die Leinwand.
4. Ziehen Sie zwei weitere Textfelder zusammen mit drei Labels (zwei Labels für jedes Textfeld und ein Label für den Titel oben in der Anwendung) auf die Leinwand.
5. Jedem Widget auf der Leinwand sind Eigenschaften zugeordnet. Markieren Sie ein Widget, um es anzuzeigen Eigenschaften Fenster unten rechts in Visual Studio, das alle Eigenschaften auflistet, die das Widget hat. Diese Eigenschaften können den Text, den Namen, die Schriftgröße, den Rand oder die Ausrichtung des hervorgehobenen Widgets umfassen.
6. Im Moment sagen die Texte auf diesen Widgets noch Etikett1, Etikett2, oder Knopf 1. Wähle aus Etikett1 Widget und bearbeiten Sie die Text Eigenschaft im Eigenschaftenfenster, um "Celsius zu Fahrenheit" zu sagen. Ändern Sie die Schriftgröße auf 22pt.
7. Bearbeiten Sie auf ähnliche Weise die Eigenschaften der anderen Widgets auf der Leinwand wie folgt:

   Widget	Eigentum	Neuer Wert
   Etikett2	Text	Celsius
   Etikett3	Text	Fahrenheit
   Taste	Text	Berechnung
   Fahrenheit-Textfeld	Schreibgeschützt	Wahr

Umgang mit Ereignissen und Schreiben von Code im Code-Behind

Widgets auf der Leinwand können mit Ereignissen verknüpft werden. Ereignisse können Dinge wie das Klicken auf eine Schaltfläche, das Ändern des Textes in einem Textfeld oder das Auswählen eines bestimmten Optionsfelds beinhalten. Wenn diese Ereignisse eintreten, kann dies dazu führen, dass ein Codeabschnitt im Code-Behind ausgelöst wird.

C# ist die Sprache, die beim Erstellen von Windows Forms verwendet wird. Wenn Sie C# noch nicht verwendet haben, Es gibt viele praktische Gründe, C#-Programmierung zu lernen.

Fügen Sie für diese spezielle Anwendung ein Ereignis zu der hinzu Berechnung Schaltfläche, um einen Codeabschnitt auszulösen, der ausgeführt wird, wenn diese Schaltfläche gedrückt wird.

1. Doppelklicken Sie auf die Berechnung Schaltfläche zum automatischen Öffnen von Form1.cs mit einer neuen Ereignismethode:

   private void computeButton_Click (Objektsender, EventArgs e)

2. Hier fügen Sie den Code hinzu, der die Berechnung von Celsius in Fahrenheit durchführt, und zeigen das Ergebnis im Textfeld Fahrenheit an. Dazu müssen Sie in der Lage sein, den Wert aus dem Textfeld Celsius zu lesen und das Textfeld Fahrenheit zu ändern, um das Ergebnis anzuzeigen.
3. Gehen Sie zurück zur Leinwand und bearbeiten Sie die Eigenschaften wie zuvor gezeigt erneut. Bearbeiten Sie diesmal die Name -Eigenschaft für die Textfelder Celsius und Fahrenheit. Diese Namen können verwendet werden, um auf die Textfelder im Code zu verweisen.

   Widget	Eigentum	Neuer Wert
   Celsius-Textfeld	Name	celsiusTextBox
   Fahrenheit-Textfeld	Name	fahrenheitTextBox

4. Wechseln Sie zurück zur Funktion computeButton_Click in Form1.cs.
5. Nun kann im Code mit dem Namen „celsiusTextBox“ auf das Celsius-Textfeld verwiesen werden. Der vom Benutzer eingegebene Celsius-Wert wird in seiner Text-Eigenschaft gespeichert. Da es sich jedoch um eine Zeichenfolge handelt, parsen Sie dies in ein Double, um es in die zukünftigen Fahrenheit-Berechnungen einzubeziehen.

   private void computeButton_Click (Objektsender, EventArgs e)
   {
    // Holen Sie sich den Wert, den der Benutzer in das Celsius-Textfeld eingegeben hat
    double celsiusValue = Double. Analysieren (celsiusTextBox. Text);
   }

6. Die Variable „celsiusValue“ speichert jetzt den Wert, den der Benutzer in das Textfeld „Celsius“ eingegeben hat. Die Formel für die Umrechnung von Celsius in Fahrenheit lautet (celsiusWert * 9/5) + 32. Daher kann das Ergebnis jetzt berechnet und im Textfeld Fahrenheit gespeichert werden.

   private void computeButton_Click (Objektsender, EventArgs e)
   {
    // Holen Sie sich den Wert, den der Benutzer in das Celsius-Textfeld eingegeben hat
    double celsiusValue = Double. Analysieren (celsiusTextBox. Text);
    // Berechnung anwenden
    doppeltes Ergebnis = (celsiusValue * 9 / 5) + 32;
    // Speichern Sie das Ergebnis in der Fahrenheit-Textbox
    fahrenheitTextBox. Text = Ergebnis. ToString();
   }

So führen Sie das Windows Forms-Programm aus und debuggen es

Ausführen des Windows Forms-Programms in Visual Studio

Nachdem die Benutzeroberfläche und die Codelogik eingerichtet sind, führen Sie das Programm aus, um zu sehen, ob es funktioniert.

1. Um das Programm auszuführen, wählen Sie den grünen Pfeil oben in der Symbolleiste in Visual Studio aus.
2. Nachdem das Projekt geladen wurde, fügen Sie einen Wert in das Celsius-Textfeld ein und drücken Sie die Berechnung Taste. Dadurch wird das Ergebnis in das Textfeld Fahrenheit eingefügt.
3. Wenn das Programm zur Laufzeit verschwommen ist, ist Ihre Anwendung wahrscheinlich nicht dpi-fähig. Dies kann zu Skalierungs- und Auflösungsproblemen führen, daher muss dies aktiviert werden. Sie können auch mehr darüber lesen Konfigurieren der Anzeigeskalierung unter Windows 10 für High-DPI-Monitore.
4. Klicken Sie mit der rechten Maustaste auf die TemperatureConverter-Projekt in dem Lösungs-Explorer. Auswählen Addieren, dann auswählen Neuer Gegenstand.
5. Suchen Sie nach der Anwendungsmanifestdatei und klicken Sie auf Addieren.
6. Kopieren Sie den folgenden Code als untergeordnetes Element des Assembly-Tags in die neue app.manifest-Datei (wenn der Code bereits generiert wurde, kommentieren Sie ihn einfach aus).

   
   
   wahr
   wahr
   
   

7. Führen Sie das Programm erneut aus, damit diese Änderung wirksam wird. Wählen Sie die rote Stopp-Schaltfläche oben in der Symbolleiste und dann erneut die grüne Wiedergabe-Schaltfläche.

Debuggen des Windows Forms-Programms

Sie können das Programm debuggen, wenn die Logik Ihrer Windows Forms-Anwendung nicht wie erwartet funktioniert.

1. Navigieren Sie zurück zur Funktion computeButton_Click in Form1.cs und klicken Sie auf eine beliebige Stelle auf der grauen Leiste ganz links auf dem Bildschirm. Dadurch wird ein Haltepunkt hinzugefügt, der durch einen roten Kreis gekennzeichnet ist.
2. Drücken Sie die Schaltfläche "Berechnen" erneut, um die Ausführung dieser Methode auszulösen. Das Programm hält an, wenn es den Haltepunkt erreicht, um alle Werte anzuzeigen, die an diesem Punkt in den Variablen gespeichert sind.
3. Um das Programm fortzusetzen, klicken Sie auf das Grün Fortsetzen Pfeil oben in der Symbolleiste.

Ausführen des Programms mit einer ausführbaren Datei

Wenn Sie Ihr Programm nicht über Visual Studio ausführen möchten, verwenden Sie die eigenständige ausführbare Datei für das Programm. Diese wird automatisch generiert.

1. Navigieren Sie zur ausführbaren Datei, die Sie hier finden:

   /bin/Debug/netcoreapp3.1/TemperatureConverter.exe

2. Klicken Sie auf die ausführbare Datei, um das Programm direkt auszuführen.

Hinzufügen von mehr zu Ihrem Windows-Formular

Hoffentlich haben Sie jetzt ein grundlegendes Verständnis für die grundlegende Struktur einer Windows Form-Anwendung. Sie können weitere Windows Forms-Features erkunden, indem Sie mit neuen Widgets experimentieren und sich eingehender mit den anderen verschiedenen Ereignissen befassen, die verarbeitet werden können.

Sobald Sie mit Windows Forms besser vertraut sind, können Sie damit beginnen, komplexere Anwendungen zu erstellen. Sie können auch viele der anderen Möglichkeiten erkunden, wie Sie Anwendungen auf dem Windows-Desktop erstellen können.

Verwenden Sie Chrome, um eine Windows 10-App von einer beliebigen Website zu erstellen

Lesen Sie weiter

Über den Autor