Anzeigen von Bildern: Verwenden des PictureBox-Steuerelements

  • Artikel

Aktualisiert: November 2007

In dieser Lektion erfahren Sie, wie Sie mithilfe eines PictureBox-Steuerelements Bilder anzeigen und ein Bild als Hintergrundbild in einem Formular anzeigen können.

Da ein Bild oft mehr sagt als tausend Worte, verwenden viele Programme Bilder, um Informationen zu vermitteln. Es gibt mehrere Möglichkeiten, Bilder in Visual Basic anzuzeigen. Am verbreitetsten ist die Verwendung eines PictureBox-Steuerelements.

Das PictureBox-Steuerelement fungiert als Container für Bilder. Sie wählen das Bild, das angezeigt werden soll, indem Sie die Image-Eigenschaft festlegen. Die Image-Eigenschaft kann im Eigenschaftenfenster festgelegt werden, oder Sie können einen Code schreiben, damit das Programm weiß, welches Bild angezeigt werden soll.

Weitere nützliche Eigenschaften für das PictureBox-Steuerelement sind die AutoSize-Eigenschaft, die bestimmt, ob PictureBox an die Bildgröße angepasst wird, sowie die SizeMode-Eigenschaft, mit der das Bild innerhalb des PictureBox-Steuerelements gestreckt, zentriert oder vergrößert werden kann.

Bevor Sie einem PictureBox-Steuerelement ein Bild hinzufügen, fügen Sie normalerweise die Bilddatei dem Projekt als eine Ressource hinzu. Nachdem Sie Ihrem Projekt eine Ressource hinzugefügt haben, können Sie diese so oft verwenden, wie Sie möchten. So können Sie beispielsweise dasselbe Bild an mehreren Positionen anzeigen.

Übung

So fügen Sie ein Bild als Ressource hinzu

  1. Klicken Sie im Menü Datei auf Neues Projekt.

  2. Klicken Sie im Dialogfeld Neues Projekt im Bereich Vorlagen auf Windows-Anwendung.

  3. Geben Sie Pictures in das Feld Name ein, und klicken Sie dann auf OK.

    Ein neues Windows Forms-Projekt wird geöffnet.

  4. Doppelklicken Sie im Fenster Projektmappen-Explorer auf den Knoten Eigenes Projekt, um den Projekt-Designer zu öffnen.

  5. Klicken Sie im Projekt-Designer auf die Registerkarte Ressourcen.

  6. Klicken Sie auf Ressource hinzufügen, und wählen Sie dann in der Dropdownliste den Eintrag Vorhandene Datei hinzufügen aus.

    Das Dialogfeld Vorhandene Datei zu Ressourcen hinzufügen wird geöffnet. Wenn keine Bilddateien angezeigt werden, wechseln Sie zu einem Ordner, der Bilder enthält.

  7. Wählen Sie eine Bilddatei (d. h. eine Datei mit einer BMP-, GIF- oder JPG-Dateinamenerweiterung) aus, und klicken Sie anschließend auf Öffnen. Für dieses Beispiel wählen Sie am besten ein kleines Bild aus.

    Das Bild wird Ihrem Projekt hinzugefügt und im Fenster Ressourcen-Manager angezeigt.

  8. Wiederholen Sie die beiden vorherigen Schritte, wenn Sie dem Projekt ein zweites Bild hinzufügen möchten.

  9. Klicken Sie im Menü Datei auf Schließen. Wenn Sie gefragt werden, ob die Änderungen gespeichert werden sollen, klicken Sie auf Ja.

So zeigen Sie Bilder mit einem PictureBox-Steuerelement an

  1. Wählen Sie im Projektmappen-Explorer die Datei Form1.vb aus, und klicken Sie dann im Menü Ansicht auf Designer.

  2. Ziehen Sie ein PictureBox-Steuerelement aus der Toolbox auf das Formular.

  3. Klicken Sie im Eigenschaftenfenster auf die Schaltfläche ... neben der Image-Eigenschaft, um das Dialogfeld Ressource auswählen zu öffnen.

  4. Wählen Sie in der Liste Eingabe eines der hinzugefügten Bilder aus, und klicken Sie anschließend auf OK.

  5. Wählen Sie die SizeMode-Eigenschaft aus, und legen Sie AutoSize dafür fest.

    Beachten Sie, wie sich die Größe des PictureBox-Steuerelements automatisch ändert, um sich dem Bild anzupassen.

  6. Doppelklicken Sie im Formular auf das PictureBox-Steuerelement, um den PictureBox1_Click-Ereignishandler im Code-Editor zu öffnen.

  7. Fügen Sie dem PictureBox1_Click-Ereignishandler folgenden Code hinzu.

    Hinweis:

    Sie müssen "MyPictureName2" durch den tatsächlichen Namen des zweiten Bilds ersetzen, das Sie zuvor hinzugefügt haben.

    		 
    PictureBox1.Image = My.Resources.MyPictureName2

  8. Drücken Sie F5, um das Programm auszuführen. Wenn das Formular angezeigt wird, klicken Sie auf das Bild, um das zweite Bild anzuzeigen.

Anzeigen eines Hintergrundbilds auf einem Formular

Zusätzlich zum Anzeigen eines Bilds in einem PictureBox-Steuerelement können Sie auch als Formularhintergrund ein Bild anzeigen. Die BackgroundImage-Eigenschaft eines Formulars dient der Anzeige eines Bilds, das hinter allen anderen Steuerelementen im Formular angezeigt wird, ähnlich dem Hintergrund auf dem Windows-Desktop.

So wie Sie unter Windows wählen können, ob der Desktophintergrund zentriert, nebeneinander angeordnet oder auf den ganzen Bildschirm ausgedehnt werden soll, können Sie dies mithilfe der BackgroundImageLayout-Eigenschaft für ein Formular durchführen.

Tipp:

Viele weitere Steuerelemente wie Panel, GroupBox und sogar Button verfügen auch über eine BackgroundImage-Eigenschaft. Probieren Sie sie aus, und betrachten Sie das Resultat!

Übung

So zeigen Sie ein Hintergrundbild auf einem Formular an

  1. Wählen Sie im Projektmappen-Explorer die Datei Form1.vb aus, und klicken Sie dann im Menü Ansicht auf Designer.

  2. Wählen Sie das Formular aus, indem Sie außerhalb von PictureBox auf eine beliebige Stelle klicken.

  3. Klicken Sie im Eigenschaftenfenster auf die Schaltfläche ... neben der BackgroundImage-Eigenschaft, um das Dialogfeld Ressource auswählen zu öffnen.

  4. Wählen Sie aus der Liste Eingabe eines der zuvor hinzugefügten Bilder aus, und klicken Sie anschließend auf OK.

    Beachten Sie, dass das Bild auf dem Formular hinter der PictureBox angezeigt und in der Standardeinstellung aufgeteilt wird.

    Hinweis:

    Wenn das Bild im PictureBox-Steuerelement zu groß ist, können Sie das Hintergrundbild nicht sehen. Wählen Sie in diesem Fall das PictureBox-Steuerelement aus, und ziehen Sie es an den unteren Rand des Formulars, damit es nicht mehr im Weg ist.

  5. Wählen Sie die BackgroundImageLayout-Eigenschaft aus, und legen Sie Stretch dafür fest.

    Beachten Sie, wie das Bild gestreckt wird und das gesamte Formular ausfüllt.

  6. Doppelklicken Sie auf das Formular, um den Code-Editor zu öffnen.

  7. Stellen Sie sicher, dass im linken Dropdownfeld der Eintrag Form1-Ereignisse ausgewählt ist, und wählen Sie dann im rechten Dropdownfeld den Eintrag Klick aus.

  8. Fügen Sie dem Form1_Click-Ereignishandler folgenden Code hinzu:

    If Me.BackgroundImageLayout = ImageLayout.Stretch Then
  Me.BackgroundImageLayout = ImageLayout.Center
Else
  Me.BackgroundImageLayout = ImageLayout.Stretch
End If

  9. Drücken Sie F5, um das Programm auszuführen. Wenn das Formular angezeigt wird, klicken Sie darauf, um das Layout zu ändern.

Nächste Schritte

In dieser Lektion haben Sie gelernt, wie Sie mithilfe eines PictureBox-Steuerelements Bilder anzeigen können und wie Sie die BackgroundImage-Eigenschaft eines Formulars verwenden können. In der nächsten Lektion erfahren Sie, wie Menüs erstellt werden, um den Benutzern Auswahlmöglichkeiten zur Verfügung zu stellen.

Nächste Lektion: Bereitstellen von Auswahlmöglichkeiten für Benutzer: Erstellen von Menüs zur Entwurfszeit

Siehe auch

Aufgaben

Gewusst wie: Festlegen des Hintergrunds eines Windows Forms-Bereichs

Referenz

Übersicht über das PictureBox-Steuerelement (Windows Forms)