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

Artikel
06/10/2015

Sie können das OvalShape Steuerelement nutzen, um Kreise und Ovale auf einem Formular oder Container zu zeichnen, sowohl zur Entwurfszeit als auch zur Laufzeit. Sie können das RectangleShape Steuerelement nutzen, um Quadrate, Rechtecke oder Rechtecke mit abgerundeten Ecken auf einem Formular oder Container zu zeichnen. Sie können dieses Steuerelement nutzen, um sowohl zur Entwurfszeit als auch zur Laufzeit Formen zu zeichnen.

Sie können die Darstellung einer Form durch Ändern der Breite, Farbe und Format des Rahmens anpassen. Der Hintergrund einer Form ist standardmäßig transparent; Sie können den Hintergrund zum Anzeigen einer durchgängigen Farbe, eines Musters, eines Farbverlaufs (Übergang von einer Farbe zu einer anderen) oder eines Bildes anpassen.

Zeichnen einer einfachen Form zur Entwurfszeit

Ziehen Sie das Steuerelement OvalShape oder RectangleShape von der Registerkarte Visual Basic PowerPacks (Informationen zur Installation finden Sie unter Visual Basic Power Packs-Steuerelemente in der Toolbox) in ein Formular oder Containersteuerelement.
Ziehen Sie den Zieh- und Zuschnittpunkt, um die Form in Position und Größe zu ändern.

Sie können auch die Größe und Position der Form durch Anpassen von Size und Position Eigenschaften im Fenster Eigenschaften ändern.

Um ein Rechteck mit abgerundeten Ecken zu erstellen, wählen Sie die CornerRadius-Eigenschaft im Fenster Eigenschaften und legen Sie diese auf einen Wert, der größer als 0 ist.
Legen Sie im Eigenschaften-Fenster optional weitere Eigenschaften fest, um die Darstellung der Form zu ändern.

Zeichnen einer einfachen Form zur Laufzeit

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

Fügen Sie den folgenden Code in ein Event-Verfahren ein:

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

Wenn Sie die Standardeinstellungen verwenden, werden die OvalShape und RectangleShape-Steuerelemente mit einem durchgehenden schwarzen Rahmen mit einem Pixel Breite und einem transparenten Hintergrund angezeigt. Sie können Breite, Stil und Farbe des Rahmens ändern, indem Sie Eigenschaften festlegen. Zusätzliche Eigenschaften ermöglichen Ihnen, den Hintergrund einer Form zu einer Volltonfarbe, einem Muster, Farbverlauf oder einem Bild zu ändern.

Bevor Sie den Hintergrund einer Form ändern, sollten Sie wissen, wie einige der Eigenschaften interagieren.

Die Einstellung der BackColor-Eigenschaft hat nur Auswirkungen, wenn die BackStyle-Eigenschaft auf Opaque festgelegt ist.
Wenn die FillStyle-Eigenschaft auf Solid festgelegt ist, setzt FillColor die BackColor außer Kraft.
Wenn die FillStyle-Eigenschaft auf einen Musterwert wie Horizontal oder Vertical festgelegt ist, wird das Muster in FillColor erscheinen. Der Hintergrund erscheint in der BackColor, sofern die BackStyle-Eigenschaft auf Opaque festgelegt ist.
Um eine graduelle Füllung anzuzeigen, muss die FillStyle-Eigenschaft auf Solid festgelegt werden und die FillGradientStyle-Eigenschaft darf nicht auf None festgelegt werden.
Festlegen der BackgroundImage-Eigenschaft eines Bildes überschreibt alle anderen Hintergrundeinstellungen.

Zeichnen eines Kreises mit einem benutzerdefinierten Rahmen

Ziehen Sie das OvalShape-Steuerelement aus der Registerkarte Visual Basic PowerPacks in die Toolbox in ein Formular oder Containersteuerelement.
Legen Sie im Fenster Eigenschaften bei der Eigenschaft Size für Height und Width die gleichen Werte fest.
Legen Sie bei der Eigenschaft BorderColor die gewünschte Farbe fest.
Legen Sie für die BorderStyle-Eigenschaft einen anderen Wert als Solid fest.
Legen Sie für BorderWidth die von Ihnen gewünschte Größe in Pixeln fest.

Zeichnen eines Kreises mit einer einfarbigen Füllung

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

Zeichnen eines Kreises mit einer gemusterten Füllung

Ziehen Sie das OvalShape-Steuerelement aus der Registerkarte Visual Basic PowerPacks in die Toolbox in ein Formular oder Containersteuerelement.
Legen Sie im Fenster Eigenschaften bei der Eigenschaft Size für Height und Width die gleichen Werte fest.
Legen Sie für die BackColor-Eigenschaft die Farbe fest, die Sie für den Hintergrund verwenden möchten.
Legen Sie die BackStyle-Eigenschaft auf Opaque fest.
Legen Sie für die FillColor-Eigenschaft die Farbe fest, die Sie für das Muster festlegen möchten.
Legen Sie für die FillStyle-Eigenschaft einen beliebigen Wert fest, der weder Transparent noch Solid beträgt.

Zeichnen eines Kreises mit gradueller Füllung

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

Zeichnen eines Kreises, der mit einem Bild gefüllt ist

Ziehen Sie das OvalShape-Steuerelement aus der Registerkarte Visual Basic PowerPacks in die Toolbox in ein Formular oder Containersteuerelement.
Legen Sie im Fenster Eigenschaften bei der Eigenschaft Size für Height und Width die gleichen Werte fest.
Wählen Sie die Eigenschaft BackgroundImage fest und klicken Sie die Schaltfläche Ellipse (...).
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 einer Bilddatei zu suchen.
Klicken Sie auf OK, um das Bild einzufügen.

Siehe auch