Gewusst wie: Zeichnen von Formen mit dem OvalShape-Steuerelement und dem RectangleShape-Steuerelement (Visual Studio)

Artikel
08/15/2011

Mit dem OvalShape-Steuerelement können Sie sowohl zur Entwurfszeit als auch zur Laufzeit Kreise und Ovale auf einem Formular oder Container zeichnen. Mit dem RectangleShape-Steuerelement können Sie Quadrate, Rechtecke oder Rechtecke mit abgerundeten Ecken auf einem Formular oder Container zeichnen. Darüber hinaus können Sie mithilfe dieses Steuerelements sowohl zur Entwurfszeit als auch zur Laufzeit Formen zeichnen.

Die Darstellung einer Form passen Sie an, indem Sie die Breite, die Farbe und das Format des Rahmens ändern. Der Hintergrund von Formen ist standardmäßig transparent. Sie können diesen jedoch anpassen und stattdessen eine durchgehende Farbe, ein Muster, einen Farbverlauf (Übergang von einer Farbe zu einer anderen) oder ein Bild anzeigen.

So zeichnen Sie zur Entwurfszeit eine einfache Form

Ziehen Sie das OvalShape oder RectangleShape-Steuerelement von der Registerkarte Visual Basic PowerPacks in der Toolbox in ein Formular- oder Containersteuerelement.
Ziehen Sie die Handles für die Größenanpassung und die Position, um die Größe der Form festzulegen und deren Position zu bestimmen.

Sie können Größe und Position der Form auch festlegen, indem Sie die Eigenschaften Size und Position im Fenster Eigenschaften ändern.

Um ein Rechteck mit abgerundeten Ecken zu erstellen, wählen Sie im Fenster Eigenschaften die CornerRadius-Eigenschaft aus, und geben Sie dann einen Wert größer 0 (null) ein.
Legen Sie im Fenster Eigenschaften ggf. weitere Eigenschaften fest, um das Erscheinungsbild der Form zu ändern.

So zeichnen Sie zur Laufzeit eine einfache Form

Klicken Sie im Menü Projekt auf Verweis hinzufügen.
Wählen Sie im Dialogfeld Verweis hinzufügen die Option Microsoft.VisualBasic.PowerPacks.VS aus, und klicken Sie dann auf OK.
Fügen Sie im Code-Editor am Anfang des Moduls eine Imports-Anweisung oder eine using-Anweisung hinzu:
```
Imports Microsoft.VisualBasic.PowerPacks
```
```
using Microsoft.VisualBasic.PowerPacks;
```

Fügen Sie in einer Event-Prozedur den folgenden Code hinzu:

Dim canvas As New ShapeContainer
' To draw an oval, substitute 
' OvalShape for RectangleShape.
Dim theShape As New RectangleShape
' Set the form as the parent of the ShapeContainer.
canvas.Parent = Me
' Set the ShapeContainer as the parent of the Shape.
theShape.Parent = canvas
' Set the size of the shape.
theShape.Size = New System.Drawing.Size(200, 300)
' Set the location of the shape.
theShape.Location = New System.Drawing.Point(100, 100)
' To draw a rounded rectangle, add the following code:
theShape.CornerRadius = 12

ShapeContainer canvas = new ShapeContainer();
// To draw an oval, substitute 
// OvalShape for RectangleShape.
RectangleShape theShape = new RectangleShape();
// Set the form as the parent of the ShapeContainer.
canvas.Parent = this;
// Set the ShapeContainer as the parent of the Shape.
theShape.Parent = canvas;
// Set the size of the shape.
theShape.Size = new System.Drawing.Size(200, 300);
// Set the location of the shape.
theShape.Location = new System.Drawing.Point(100, 100);
// To draw a rounded rectangle, add the following code:
theShape.CornerRadius = 12;

Anpassen von Formen

Bei Verwendung der Standardeinstellungen werden die Steuerelemente OvalShape und RectangleShape mit einem durchgehenden schwarzen Rahmen von einem Pixel Breite und einem transparenten Hintergrund angezeigt. Sie können die Breite, das Format und die Farbe des Rahmens ändern, indem Sie Eigenschaften festlegen. Zusätzliche Eigenschaften ermöglichen Ihnen, die Hintergrundfarbe einer Form in eine durchgehende Farbe, ein Muster, einen Farbverlauf oder ein Bild zu ändern.

Bevor Sie den Hintergrund einer Form ändern, sollten Sie wissen, wie die verschiedenen Eigenschaften miteinander interagieren.

Die Einstellung der BackColor-Eigenschaft hat keine Auswirkungen, außer wenn die BackStyle-Eigenschaft auf Opaque festgelegt ist.
Wenn die FillStyle-Eigenschaft auf Solid festgelegt ist, überschreibt FillColor die BackColor-Eigenschaft.
Wenn für die FillStyle-Eigenschaft ein Musterwert festgelegt ist, z. B. Horizontal oder Vertical, wird das Muster in FillColor angezeigt. Der Hintergrund wird in BackColor angezeigt, vorausgesetzt die BackStyle-Eigenschaft ist auf Opaque festgelegt.
Um einen Farbverlauf anzuzeigen, müssen die FillStyle-Eigenschaft auf Solid und die FillGradientStyle-Eigenschaft auf einen anderen Wert als None festgelegt sein.
Wenn Sie für die BackgroundImage-Eigenschaft ein Bild festlegen, überschreibt dieses alle anderen Hintergrundeinstellungen.

So zeichnen Sie einen Kreis mit einem benutzerdefinierten Rahmen

Ziehen Sie das OvalShape-Steuerelement von der Registerkarte Visual Basic PowerPacks in der Toolbox in ein Formular- oder Containersteuerelement.
Legen Sie im Fenster Eigenschaften für die Size-Eigenschaft den gleichen Wert für Height und für Width fest.
Legen Sie für die BorderColor-Eigenschaft die gewünschte Farbe fest.
Legen Sie die BorderStyle-Eigenschaft auf einen beliebigen Wert außer Solid fest.
Legen Sie für die BorderWidth-Eigenschaft die gewünschte Größe (in Pixel) fest.

So zeichnen Sie einen Kreis mit einer Volltonfüllung

Ziehen Sie das OvalShape-Steuerelement von der Registerkarte Visual Basic PowerPacks in der Toolbox in ein Formular- oder Containersteuerelement.
Legen Sie im Fenster Eigenschaften für die Size-Eigenschaft den gleichen Wert für Height und für Width fest.
Legen Sie für die BackColor-Eigenschaft die gewünschte Farbe fest.
Legen Sie für die BackStyle-Eigenschaft Opaque fest.

So zeichnen Sie einen Kreis mit einem Füllmuster

Ziehen Sie das OvalShape-Steuerelement von der Registerkarte Visual Basic PowerPacks in der Toolbox in ein Formular- oder Containersteuerelement.
Legen Sie im Fenster Eigenschaften für die Size-Eigenschaft den gleichen Wert für Height und für Width fest.
Legen Sie für die BackColor-Eigenschaft die gewünschte Hintergrundfarbe fest.
Legen Sie für die BackStyle-Eigenschaft Opaque fest.
Legen Sie für die FillColor-Eigenschaft die gewünschte Musterfarbe fest.
Legen Sie die FillStyle-Eigenschaft auf einen beliebigen Wert mit Ausnahme von Transparent oder Solid fest.

So zeichnen Sie einen Kreis mit einem Farbverlauf

Ziehen Sie das OvalShape-Steuerelement von der Registerkarte Visual Basic PowerPacks in der Toolbox in ein Formular- oder Containersteuerelement.
Legen Sie im Fenster Eigenschaften für die Size-Eigenschaft den gleichen Wert für Height und für Width fest.
Legen Sie für die FillColor-Eigenschaft die gewünschte Anfangsfarbe fest.
Legen Sie für die FillGradientColor-Eigenschaft die gewünschte Endfarbe fest.
Legen Sie die FillGradientStyle-Eigenschaft auf einen anderen Wert fest als None.

So zeichnen Sie einen Kreis mit einem Bild als Füllung

Ziehen Sie das OvalShape-Steuerelement von der Registerkarte Visual Basic PowerPacks in der Toolbox in ein Formular- oder Containersteuerelement.
Legen Sie im Fenster Eigenschaften für die Size-Eigenschaft den gleichen Wert für Height und für Width fest.
Wählen Sie die BackgroundImage-Eigenschaft aus, und klicken Sie auf die Schaltfläche mit den drei Auslassungspunkten.
Wählen Sie im Dialogfeld Ressource auswählen ein Bild aus, das angezeigt werden soll. Wenn keine Bildressourcen aufgeführt werden, klicken Sie auf Importieren, um den Speicherort des Bilds zu suchen.
Klicken Sie auf OK, um das Bild einzufügen.

Siehe auch