Darstellen von Grafiken

Artikel
09/02/2008

Aktualisiert: November 2007

In dieser Lektion erfahren Sie, wie Sie mithilfe der Grafikmethoden in Visual Basic auf einem Formular zeichnen können.

In einer früheren Lektion haben Sie erfahren, wie Bilder mithilfe eines PictureBox-Steuerelements auf einem Formular angezeigt werden können. Diese Methode funktioniert gut, wenn bereits ein Bild vorhanden ist. Vielleicht möchten Sie aber gelegentlich etwas direkt auf Ihrem Formular zeichnen. So können Sie beispielsweise eine Linie zeichnen, um zwei Felder voneinander zu trennen, oder einen Kreis einfügen, um eine wichtige Bezeichnung hervorzuheben.

In Visual Basic können Sie mit Grafikmethoden beinahe alles auf ein Formular oder Steuerelement zeichnen.

Grundlagen zu Grafiken

Bevor Sie mit dem Zeichnen beginnen, sollten Sie einige Dinge wissen. Ein Computerbildschirm besteht aus Tausenden kleiner Punkte, die Pixel genannt werden. Durch die Definition der Farbe der einzelnen Pixel steuert Ihr Programm, was auf dem Bildschirm angezeigt wird. Natürlich wurden die meisten dieser Aufgaben bereits vom Code ausgeführt, mit dem die Formulare und Steuerelemente definiert werden.

Stellen Sie sich ein Formular als Leinwand vor, auf die Sie zeichnen oder malen können. Wie eine Leinwand hat auch ein Formular bestimmte Abmessungen. Während eine richtige Leinwand in Zentimetern gemessen wird, sind Pixel die Maßeinheit für ein Formular. Ein System aus Koordinaten legt fest, wo sich die einzelnen Pixel befinden, wobei die x-Koordinate von links nach rechts und die y-Koordinate von oben nach unten verläuft.

Die Koordinaten starten in der oberen linken Ecke des Formulars. Wenn Sie nun also einen einzelnen Punkt 10 Pixel links davon und 10 Pixel darunter zeichnen möchten, würden Sie die x- und y-Koordinaten wie folgt ausdrücken: 10, 10.

Pixel werden auch dazu verwendet, die Breite und die Höhe der Grafiken auszudrücken. Wenn Sie ein Quadrat definieren möchten, das 100 Pixel breit und 100 Pixel hoch ist und dessen obere linke Ecke um 10 Pixel nach rechts und 10 Pixel nach unten versetzt ist, würden Sie die Koordinaten so ausdrücken: 10, 10, 100, 100.

Das Zeichnen auf dem Bildschirm wird auf Englisch Painting genannt. Formulare und Steuerelemente besitzen ein Paint-Ereignis, das immer dann auftritt, wenn sie erneut gezeichnet werden müssen, z. B. wenn ein Formular zum ersten Mal angezeigt wird oder von einem anderen Fenster verdeckt wurde. Jeder Code, den Sie zum Anzeigen von Grafiken schreiben, ist in der Regel im Paint-Ereignishandler enthalten.

Zeichnen einer Linie

Wenn Sie eine Linie durch ein Formular ziehen möchten, müssen Sie zwei Dinge definieren: ihre Koordinaten und ihre Farbe. Wie bereits erwähnt, werden die x- und y-Koordinaten in Pixel ausgedrückt. Für eine Linie sind zwei Punkte im Koordinatensystem festzulegen: die Anfangsposition und die Endposition.

So wie Sie mit einem Stift eine Linie auf ein Blatt Papier zeichnen, wird in Visual Basic mit einem Pen-Objekt auf dem Formular gezeichnet. Das Pen-Objekt definiert das Erscheinungsbild der Linie – in diesem Fall die Farbe. In der folgenden Prozedur zeichnen Sie horizontale, vertikale und diagonale Linien auf einem Formular.

Übung

So zeichnen Sie Linien

Wählen Sie im Menü Datei die Option Neues Projekt aus.
Klicken Sie im Dialogfeld Neues Projekt im Bereich Vorlage auf Windows-Anwendung.
Geben Sie Lines in das Feld Name ein, und klicken Sie dann auf OK.

Ein neues Windows Forms-Projekt wird geöffnet.
Doppelklicken Sie auf das Formular, um den Code-Editor zu öffnen, und wählen Sie anschließend aus der Dropdownliste Ereignisse den Eintrag Zeichnen aus.

Fügen Sie im Form1_Paint-Ereignishandler den folgenden Code hinzu:

' Draw a 400 pixel black line 25 pixels from the top of the form.
e.Graphics.DrawLine(Pens.Black, 0, 25, 400, 25)
' Draw a 500 pixel red line 100 pixels from the left of the form.
e.Graphics.DrawLine(Pens.Red, 100, 0, 100, 500)
' Draw a diagonal blue line from the upper left to the lower right.
e.Graphics.DrawLine(Pens.Blue, 0, 0, Me.Width, Me.Height)

Drücken Sie F5, um das Programm auszuführen. Es sollten drei Linien auf dem Formular angezeigt werden.

Nächste Schritte

In dieser Lektion haben Sie Grundlagenwissen über Grafiken erworben und gelernt, wie Linien gezeichnet werden können. In der nächsten Lektion lernen Sie, Formen wie Rechtecke und Kreise zu zeichnen.

Nächste Lektion: Zeichnen von Formen auf einem Formular