Comment : dessiner des formes avec les contrôles OvalShape et RectangleShape (Visual Studio)

Article
03/04/2013

Vous pouvez utiliser le contrôle OvalShape pour dessiner des cercles ou des ovales sur un formulaire ou un conteneur, que ce soit au moment du design ou de l'exécution.Vous pouvez utiliser le contrôle RectangleShape pour dessiner des carrés, des rectangles ou des rectangles à angles arrondis sur un formulaire ou un conteneur.Vous pouvez également utiliser ce contrôle pour dessiner des formes sur un formulaire au moment du design et de l'exécution.

Vous pouvez personnaliser l'apparence d'une forme en modifiant la largeur, la couleur et le style de la bordure.Par défaut, l'arrière-plan d'une forme est transparent. Vous pouvez toutefois le personnaliser pour afficher une couleur unie, un modèle, un remplissage dégradé (transition d'une couleur à un autre) ou une image.

Pour dessiner une forme simple au moment du design

Faites glisser le contrôle OvalShape ou RectangleShape depuis l'onglet Visual Basic PowerPacks de la Boîte à outils vers un formulaire ou un contrôle conteneur.
Faites glisser les poignées de dimensionnement et de déplacement pour changer la taille et la position de la forme.

Vous pouvez également redimensionner et repositionner la forme en modifiant les propriétés Size et Position dans la fenêtre Propriétés.

Pour créer un rectangle à angles arrondis, sélectionnez la propriété CornerRadius dans la fenêtre Propriétés et affectez-lui une valeur supérieure à 0.
Vous pouvez également définir des propriétés supplémentaires dans la fenêtre Propriétés pour modifier l'apparence de la forme.

Pour dessiner une forme simple au moment de l'exécution

Dans le menu Projet, cliquez sur Ajouter une référence.
Dans la boîte de dialogue Ajouter une référence, sélectionnez Microsoft.VisualBasic.PowerPacks.VS, puis cliquez sur OK.
Dans l'Éditeur de code, ajoutez une instruction Imports ou using au début du module :
```
Imports Microsoft.VisualBasic.PowerPacks
```
```
using Microsoft.VisualBasic.PowerPacks;
```

Ajoutez le code suivant à une procédure Event :

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;

Personnalisation des formes

Lorsque vous utilisez les paramètres par défaut, les contrôles OvalShape et RectangleShape sont affichés avec une bordure noire solide d'une largeur d'un pixel et un arrière-plan transparent.Vous pouvez modifier la largeur, le style et la couleur de la bordure en configurant les propriétés correspondantes.Des propriétés supplémentaires vous permettent de modifier l'arrière-plan d'une forme en une couleur unie, un modèle, un remplissage dégradé ou une image.

Avant de modifier l'arrière-plan d'une forme, vous devez comprendre comment interagissent plusieurs de ces propriétés.

Le paramètre de la propriété BackColor est sans effet sauf si la propriété BackStyle a la valeur Opaque.
Si la propriété FillStyle a la valeur Solid, le FillColor se substitue au BackColor.
Si la propriété FillStyle a une valeur de motif telle que Horizontal ou Vertical, le motif s'affiche dans le FillColor.L'arrière-plan s'affiche dans BackColor si la propriété BackStyle a la valeur Opaque.
Pour afficher un remplissage dégradé, la propriété FillStyle doit avoir la valeur Solid et la propriété FillGradientStyle une valeur autre que None.
La configuration de la propriété BackgroundImage sur une image remplace tous les autres paramètres d'arrière-plan.

Pour dessiner un cercle avec une bordure personnalisée

Faites glisser le contrôle OvalShape depuis l'onglet Visual Basic PowerPacks de la Boîte à outils vers un formulaire ou un contrôle conteneur.
Dans la fenêtre Propriétés, définissez Height et Width sur des valeurs identiques pour la propriété Size.
Affectez la couleur souhaitée à la propriété BorderColor.
Définissez la propriété BorderStyle sur une valeur autre que Solid.
Affectez la taille souhaitée, en pixels, à la propriété BorderWidth.

Pour dessiner un cercle présentant un remplissage solide

Faites glisser le contrôle OvalShape depuis l'onglet Visual Basic PowerPacks de la Boîte à outils vers un formulaire ou un contrôle conteneur.
Dans la fenêtre Propriétés, définissez Height et Width sur des valeurs identiques pour la propriété Size.
Affectez la couleur souhaitée à la propriété BackColor.
Affectez à la propriété BackStyle la valeur Opaque.

Pour dessiner un cercle présentant un remplissage à motifs

Faites glisser le contrôle OvalShape depuis l'onglet Visual Basic PowerPacks de la Boîte à outils vers un formulaire ou un contrôle conteneur.
Dans la fenêtre Propriétés, définissez Height et Width sur des valeurs identiques pour la propriété Size.
Affectez la couleur d'arrière-plan souhaitée à la propriété BackColor.
Affectez à la propriété BackStyle la valeur Opaque.
Affectez la couleur de motif souhaitée à la propriété FillColor.
Définissez la propriété FillStyle sur une valeur autre que Transparent ou Solid.

Pour dessiner un cercle présentant un remplissage dégradé

Faites glisser le contrôle OvalShape depuis l'onglet Visual Basic PowerPacks de la Boîte à outils vers un formulaire ou un contrôle conteneur.
Dans la fenêtre Propriétés, définissez Height et Width sur des valeurs identiques pour la propriété Size.
Affectez la couleur de départ souhaitée à la propriété FillColor.
Affectez la couleur de fin souhaitée à la propriété FillGradientColor.
Définissez la propriété FillGradientStyle sur une valeur autre que None.

Pour dessiner un cercle contenant une image

Faites glisser le contrôle OvalShape depuis l'onglet Visual Basic PowerPacks de la Boîte à outils vers un formulaire ou un contrôle conteneur.
Dans la fenêtre Propriétés, définissez Height et Width sur des valeurs identiques pour la propriété Size.
Sélectionnez la propriété BackgroundImage, puis cliquez sur le bouton de sélection (...).
Dans la boîte de dialogue Sélectionner une ressource, sélectionnez l'image à afficher.Si aucune ressource d'image n'est répertoriée, cliquez sur Importer pour accéder à l'emplacement d'une image.
Cliquez sur OK pour insérer l'image.

Voir aussi

Partager via