Tutorial 1: Erstellen eines Bildanzeigeprogramms

In diesem Tutorial erstellen Sie eine App, die ein Bild aus einer Datei lädt und in einem Fenster anzeigt. Sie erfahren, wie Sie mithilfe des Windows Forms-Designers Steuerelemente, z. B. Schaltflächen und Bildfelder, auf das Formular ziehen, ihre Eigenschaften festlegen und mithilfe von Containern die Größe des Formulars reibungslos ändern können. Sie fangen auch an, Code zu schreiben.

Hinweis

In diesem Tutorial werden sowohl C# als auch Visual Basic behandelt. Achten Sie also auf die entsprechenden Informationen zu der Programmiersprache, die Sie verwenden.

In diesem Tutorial werden Sie durch die folgenden Aufgaben geführt:

  • Erstellen Sie ein neues Projekt.

  • Testen (Debuggen) einer Anwendung

  • Hinzufügen grundlegender Steuerelemente, z. B. Kontrollkästchen und Schaltflächen, zu einem Formular

  • Positionieren von Steuerelementen auf einem Formular mithilfe von Layouts

  • Hinzufügen der Dialogfelder Datei öffnen und Farbe zu einem Formular.

  • Schreiben von Code mithilfe von IntelliSense und Codeausschnitten

  • Schreiben von Ereignishandlermethoden

Anschließend sollte Ihre App in etwa wie in der folgenden Abbildung aussehen:

Picture Viewer-App, die Sie in diesem Tutorial erstellen

Titel BESCHREIBUNG
Schritt 1: Erstellen eines Windows Forms-App-Projekts Erstellen Sie zunächst ein Windows Forms-App-Projekt.
Schritt 2: Ausführen Ihrer Picture Viewer-App Führen Sie das Windows Forms-App-Projekt aus, das Sie im vorherigen Schritt erstellt haben.
Schritt 3: Festlegen der Formulareigenschaften Ändern Sie das Aussehen des Formulars mit dem Eigenschaftenfenster.
Schritt 4: Erstellen eines Layouts für das Formular mit einem TableLayoutPanel-Steuerelement Fügen Sie Ihrem Formular ein TableLayoutPanel-Steuerelement hinzu.
Schritt 5: Hinzufügen von Steuerelementen zum Formular Fügen Sie dem Formular Steuerelemente hinzu, z.B. ein PictureBox-Steuerelement und ein CheckBox-Steuerelement. Fügen Sie dem Formular Schaltflächen hinzu.
Schritt 6: Benennen der Schaltflächen-Steuerelemente Benennen Sie die Schaltflächen um, damit die Namen aussagekräftiger sind.
Schritt 7: Hinzufügen von Dialogfeldkomponenten zum Formular Fügen Sie dem Formular jeweils eine der Komponenten OpenFileDialog und ColorDialog hinzu.
Schritt 8: Schreiben von Code für den Ereignishandler der Schaltfläche „Bild anzeigen“ Schreiben Sie Code mit dem IntelliSense-Tool.
Schritt 9: Überprüfen, Kommentieren und Testen des Codes Prüfen und testen Sie den Code. Fügen Sie bei Bedarf Kommentare hinzu.
Schritt 10: Schreiben von Code für zusätzliche Schaltflächen und ein Kontrollkästchen Schreiben Sie mithilfe von IntelliSense Code, damit andere Schaltflächen und ein Kontrollkästchen funktionieren.
Schritt 11: Ausführen der App und Ausprobieren weiterer Features Führen Sie Ihre App aus, und legen Sie die Hintergrundfarbe fest. Probieren Sie andere Funktionen aus. Ändern Sie z. B. Farben, Schriftarten und Rahmen.

Es stehen auch umfangreiche kostenlose Videoschulungen zur Verfügung. Weitere Informationen zum Programmieren in C# finden Sie unter C#-Grundlagen: Development for absolute beginners (C#-Grundlagen: Entwicklung für Anfänger). Weitere Informationen zum Programmieren in Visual Basic finden Sie unter Visual Basic fundamentals: Development for absolute beginners (Visual Basic-Grundlagen: Entwicklung für Anfänger).

Nächste Schritte

Beginnen Sie das Tutorial mit Schritt 1: Erstellen eines Windows Forms-Anwendungsprojekts .

Siehe auch