Es wird empfohlen, Visual Studio 2017 zu verwenden

Lernprogramm 1: Erstellen eines Bildanzeigeprogramms

 

Veröffentlicht: Juli 2016

Die neueste Dokumentation zu Visual Studio 2017 finden Sie unter Dokumentation zu Visual Studio 2017.

In diesem Lernprogramm erstellen Sie ein Programm, das ein Bild aus einer Datei lädt und in einem Fenster anzeigt. Sie erfahren, wie Sie Steuerelemente, z. B. Schaltflächen und Bildfelder, auf das Formular ziehen, ihre Eigenschaften festlegen und mithilfe von Containern die Größe des Formulars stufenlos ändern können. Sie fangen auch an, Code zu schreiben. Sie lernen Folgendes:

  • 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

Am Ende sieht das Programm so aus wie in der folgenden Abbildung.

Bild, das Sie in diesem Lernprogramm erstellen
Bild, das Sie in diesem Lernprogramm erstellen

Informationen zum Herunterladen einer abgeschlossenen Version des des Beispiels finden Sie im Beispiel des Lernprogramms Complete Picture Viewer (Ausführen des Bildbetrachtungsprogramms) finden Sie unter.

Link zu Video Eine Videoversion dieses Themas finden Sie unter Gewusst wie: Erstellen eines Bildbetrachtungsprogramms in Visual Basic? oder Gewusst wie: Erstellen eines Bildbetrachtungsprogramms in C#?.

System_CAPS_ICON_note.jpg Hinweis

Diese Videos verwenden eine frühere Version von Visual Studio, sodass Menübefehle und andere Benutzeroberflächenelemente geringfügig abweichen können. Allerdings funktionieren die Konzepte und Prozeduren in der aktuellen Version von Visual Studio auf ähnliche Weise. In diesem Lernprogramm wird sowohl Visual C# als auch Visual Basic behandelt. Achten Sie also auf die entsprechenden Informationen zu der Programmiersprache, die Sie verwenden.

Um Code für Visual Basic anzuzeigen, wählen Sie die Registerkarte VB oben in den Codeblöcken aus. Um Code für Visual C# anzuzeigen, wählen Sie die Registerkarte C# aus. Wenn Sie gern mehr über Visual C++ erfahren möchten, finden Sie weitere Informationen unter Erste Schritte und C++ Language Tutorial.

Wenn Sie lernen möchten, wie Windows Store-Apps in Visual C# oder Visual Basic geschrieben werden, finden Sie weitere Informationen unter Erstellen Ihrer ersten Windows Store-App mit C# oder Visual Basic. Informationen zum Erstellen von Windows Store-Apps in JavaScript finden Sie unter Erstellen Ihrer ersten Windows Store-App mit JavaScript.

TitelBeschreibung
Schritt 1: Erstellen eines Windows Forms-AnwendungsprojektsBeginnen Sie, indem Sie ein Windows Forms-Anwendungsprojekt erstellen.
Schritt 2: Ausführen des ProgrammsFühren Sie das Windows Forms-Anwendungsprogramm 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 des Layouts für das Formular mit einem TableLayoutPanel-SteuerelementFügen Sie dem Formular ein TableLayoutPanel-Steuerelement hinzu.
Schritt 5: Hinzufügen von Steuerelementen zum FormularFü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-SteuerelementeBenennen Sie die Schaltflächen um, damit die Namen aussagekräftiger sind.
Schritt 7: Hinzufügen von Dialogfeldkomponenten zum FormularFügen Sie dem Formular eine OpenFileDialog-Komponente und eine ColorDialog-Komponente 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 CodesPrü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ästchenSchreiben Sie mithilfe von IntelliSense Code, damit andere Schaltflächen und ein Kontrollkästchen funktionieren.
Schritt 11: Führen Sie das Programms aus und probieren Sie weitere Funktionen ausFühren Sie das Programm aus, und legen Sie die Hintergrundfarbe fest. Probieren Sie andere Funktionen aus. Ändern Sie z. B. Farben, Schriftarten und Rahmen.
Anzeigen: