Zeichnen von Formen auf einem Formular
Aktualisiert: November 2007
In dieser Lektion erfahren Sie, wie auf einem Formular Formen wie Rechtecke oder Kreise gezeichnet werden.
In der vorangegangenen Lektion haben Sie gelernt, wie mit der DrawLine-Grafikmethode und einem Pen-Objekt Linien auf einem Formular gezeichnet werden. Neben der DrawLine-Methode umfasst Visual Basic Grafikmethoden zum Zeichnen von Formen sowie Grafikobjekte, die als Pinsel (engl. "brush") bezeichnet werden und zum Ausfüllen von Formen verwendet werden können.
Zeichnen von einfachen Formen
Beim Zeichnen einer Form müssen Sie wie beim Zeichnen einer Linie die Koordinaten und die gewünschte Farbe definieren. Während bei einer Zeile die Koordinaten des Anfangs- und des Endpunkts definiert werden, werden bei einer Form z. B. einem Quadrat oder einem Rechteck Koordinaten festgelegt, die die obere linke Ecke, die Breite und die Höhe beschreiben.
Kreise und Ovale (die auch als Ellipsen bezeichnet werden) verfügen nicht über obere linke Ecken, sodass die Koordinaten stattdessen die oberen linken Ecken der zugehörigen umschließenden Rechtecke angeben. Dabei handelt es sich um ein imaginäres Rechteck, das dieselbe Breite und Höhe wie der Kreis bzw. das Oval aufweist.
Übung
So zeichnen Sie Formen
Wählen Sie im Menü Datei den Befehl Neues Projekt aus.
Klicken Sie im Dialogfeld Neues Projekt im Bereich Vorlagen auf Windows-Anwendung.
Geben Sie Shapes 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 200 by 150 pixel green rectangle. e.Graphics.DrawRectangle(Pens.Green, 10, 10, 200, 150) ' Draw a blue square e.Graphics.DrawRectangle(Pens.Blue, 30, 30, 150, 150) ' Draw a 150 pixel diameter red circle. e.Graphics.DrawEllipse(Pens.Red, 0, 0, 150, 150) ' Draw a 250 by 125 pixel yellow oval. e.Graphics.DrawEllipse(Pens.Yellow, 20, 20, 250, 125)Drücken Sie F5, um das Programm auszuführen. Nun müssten auf dem Formular vier Formen angezeigt werden.
Halten Sie das Projekt geöffnet, da Sie im nächsten Schritt noch etwas hinzufügen.
Zeichnen ausgefüllter Formen
Bisher haben Sie lediglich die Umrisse der Formen gezeichnet. Um Formen mit Volltonfarben zu zeichnen, müssen Sie eine der Fill-Methoden verwenden, z. B. die FillRectangle-Methode oder die FillEllipse-Methode. Die Fill-Methoden verwenden ein Brush-Objekt, ein weiterer Grafikobjekttyp, mit dem gezeichnet werden kann.
Wenn Sie eine Form mit einer anderen Farbe ausfüllen möchten, müssen Sie Koordinaten definieren, die kleiner als die Form sind. Andernfalls wird die Farbe auf den Rahmen angewendet. Um beispielsweise ein Quadrat mit den Koordinaten 0, 0, 150, 150 auszufüllen, müsste eine Füllung mit den Koordinaten 1, 1, 148, 148 angegeben werden, wobei für die Linienstärke ein Pixel berücksichtigt wird.
So zeichnen Sie ausgefüllte Formen
Fügen Sie im Form1_Paint-Ereignishandler unter dem bereits eingegebenen Code folgenden Code hinzu.
' Fill the circle with the same color as its border. e.Graphics.FillEllipse(Brushes.Red, 0, 0, 150, 150) ' Fill the square with a different color. e.Graphics.FillRectangle(Brushes.Aquamarine, 31, 31, 148, 148)Drücken Sie F5, um das Programm auszuführen.
Beachten Sie, dass das ausgefüllte Quadrat zwar über dem ausgefüllten Kreis angezeigt wird, jedoch ein Teil seines Rahmens nicht sichtbar ist. Die Reihenfolge, in der Sie die Grafikmethoden aufrufen, bestimmt die Reihenfolge des Zeichnens. In diesem Beispiel wurde der ausgefüllte Kreis nach dem Rechteck mit dem blauen Rahmen gezeichnet.
Versuchen Sie, die Reihenfolge der Methoden zu ändern, und prüfen Sie die Folgen.
Nächste Schritte
In dieser Lektion haben Sie gelernt, wie Formen gezeichnet und ausgefüllt werden. In der nächsten Lektion erfahren Sie, wie Text mit Grafikmethoden gezeichnet wird.
Nächste Lektion: Zeichnen von Text auf einem Formular