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

Article
06/10/2015

Vous pouvez utiliser le contrôle OvalShape pour tracer des cercles ou des ellipses sur un formulaire ou un conteneur au moment de la conception comme au moment de l'exécution. Vous pouvez utiliser le contrôle RectangleShape pour tracer des carrés, des rectangles ou des rectangles à angles arrondis sur un formulaire ou un conteneur. Ce contrôle vous permet aussi de tracer des formes au moment de la conception ou au moment de l'exécution.

Vous pouvez personnaliser l'apparence d'une forme en modifiant la largeur, la couleur et le style de la bordure. Si l'arrière-plan d'une forme est transparent par défaut, vous pouvez le personnaliser avec une couleur unie, un motif, un dégradé (transition d'une couleur à une autre) ou une image.

Pour tracer une forme simple au moment de la conception

Faites glisser le contrôle OvalShape ou RectangleShape de l'onglet Visual Basic PowerPacks (pour savoir comment les installer, consultez Contrôles de Visual Basic Power Packs) de la boîte à outils vers un contrôle de formulaire ou de conteneur.
Faites glisser les poignées de redimensionnement et de déplacement pour redimensionner et positionner la forme.

Vous pouvez aussi redimensionner et positionner 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.
Dans la fenêtre Propriétés, définissez éventuellement d'autres propriétés pour modifier l'apparence de la forme.

Pour tracer 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 en haut du module :
```
Imports Microsoft.VisualBasic.PowerPacks
```
```
using Microsoft.VisualBasic.PowerPacks;
```

Ajoutez le code suivant dans 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

Quand vous utilisez les paramètres par défaut, les contrôles OvalShape et RectangleShape présentent une bordure noire unie d'un pixel de large et un arrière-plan transparent. Vous pouvez modifier la largeur, le style et la couleur de la bordure en définissant les propriétés. D'autres propriétés vous permettent de modifier l'arrière-plan d'une forme avec une couleur unie, un motif, un dégradé ou une image.

Avant de modifier l'arrière-plan d'une forme, vous devez savoir comment les différentes propriétés interagissent.

Le paramétrage de la propriété BackColor n'a aucun effet dans la mesure où la propriété BackStyle n'a pas la valeur Opaque.
Si la propriété FillStyle a la valeur Solid, FillColor se substitue à BackColor.
Si la propriété FillStyle est définie avec une valeur de motif telle que Horizontal ou Vertical, le motif s'affiche dans FillColor. L'arrière-plan s'affiche dans BackColor, sous réserve que la propriété BackStyle a la valeur Opaque.
Pour afficher un dégradé, la propriété FillStyle doit avoir la valeur Solid, tandis que la valeur de la propriété FillGradientStyle doit être différente de None.
Quand une image est définie pour la propriété BackgroundImage, celle-ci se substitue à tous les autres paramètres d'arrière-plan.

Pour tracer un cercle avec une bordure personnalisée

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

Pour tracer un cercle avec un remplissage uni

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

Pour tracer un cercle avec un remplissage à motif

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

Pour tracer un cercle avec un dégradé

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

Pour tracer un cercle rempli par une image

Faites glisser le contrôle OvalShape de l'onglet Visual Basic PowerPacks de la boîte à outils vers un contrôle de formulaire ou de conteneur.
Dans la fenêtre Propriétés, dans la propriété Size, définissez des valeurs identiques pour Height et Width.
Sélectionnez la propriété BackgroundImage et cliquez sur le bouton représentant des points de suspension (...).
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