Comment : créer des Windows Forms non rectangulaires

Auparavant, la création de formulaires non rectangulaires était un processus long et fastidieux qui impliquait des appels API et un gros travail de programmation. Ce n'est désormais plus le cas.

Le processus de création de formulaires non rectangulaires comporte deux aspects : la création du formulaire avec la forme souhaitée et le codage de la logique de programmation pour permettre le déplacement et la fermeture du formulaire. Cette seconde étape est indispensable, car un formulaire ayant une forme personnalisée n'a pas de barre de titre ni aucune de ses fonctionnalités inhérentes, comme la possibilité de déplacer le formulaire à l'écran et de le fermer. Par conséquent, il est nécessaire d'écrire un code pour répliquer ces fonctionnalités. Pour plus d'informations sur la création de formulaires et de contrôles de formes non rectangulaires, consultez Comment : créer un Windows Form mis en forme.

La création d'un formulaire non rectangulaire se décompose en trois étapes :

• Création d'une bitmap qui deviendra la surface du formulaire. (En fait, vous allez « découper » la forme de formulaire souhaitée à partir d'un rectangle.)

• Création d'un projet d'application Windows et définition de ses propriétés pour supprimer la barre de titre et utiliser la bitmap comme arrière-plan du formulaire.

• Saisie du code qui recrée les fonctionnalités fournies par la barre de titre, par exemple le déplacement et la fermeture du formulaire.

Pour créer un formulaire avec une forme spécifique

1. Créez une bitmap non rectangulaire d'une couleur donnée avec un arrière-plan distinct d'une autre couleur. Utilisez le programme de dessin de votre choix. La forme que vous dessinez deviendra votre formulaire. Veillez donc à la dessiner suffisamment grande pour qu'elle puisse être utilisable.

   Notes

   Choisissez une couleur d'arrière-plan facile à mémoriser, telle que le bleu, car ce détail sera très important par la suite.

2. Créez un projet d'application Windows dans Visual Studio. Pour plus d'informations, consultez Comment : créer un projet d'Application Windows Forms.

3. Dans la fenêtre Propriétés :

   • Affectez à la propriété FormBorderStyle la valeur Aucun.

     Cette propriété supprime la barre de titre du formulaire. (Elle supprime également les fonctionnalités fournies par la barre de titre, notamment la possibilité de déplacer et de fermer le formulaire. Ce problème est toutefois résolu dans le code ci-dessous.)

   • Définissez la propriété BackgroundImage du formulaire à l'aide du fichier bitmap que vous avez créé précédemment. Vous n'avez pas besoin d'ajouter le fichier au système de projet ; il sera ajouté automatiquement lorsque vous le désignerez comme image d'arrière-plan.

     Cette propriété définit l'image bitmap comme image d'arrière-plan du formulaire. (Lorsqu'elle est utilisée conjointement avec la propriété TransparencyKey spécifiée ci-dessous, cette propriété définit la forme du formulaire.)

   • Affectez à la propriété TransparencyKey la couleur d'arrière-plan du fichier bitmap.

     Cette propriété indique à l'application les parties du formulaire qui seront transparentes.

     Notes

     Les moniteurs paramétrés sur une profondeur de couleur supérieure à 24 bits peuvent rencontrer des problèmes d'affichage avec certaines parties du formulaire non transparentes, malgré le paramètre défini pour la propriété TransparencyKey. Pour éviter ce problème, cliquez sur Affichage dans le Panneau de configuration et assurez-vous que la profondeur de couleur du moniteur est définie sur une valeur inférieure à 24 bits. Si vous développez des applications incluant cette fonction de transparence, gardez à l'esprit que vous devez informer les utilisateurs de ce problème.

Pour écrire du code pour fermer le formulaire

1. Ajoutez un contrôle Button au formulaire. Pour plus d'informations, consultez Comment : ajouter des contrôles à des Windows Forms.

2. Ajoutez le code qui permettra de fermer le formulaire en appelant sa méthode Close.

   L'exemple suivant montre comment ajouter un bouton qui ferme le formulaire lorsque l'utilisateur clique dessus.

   Private Sub Button1_Click(ByVal sender As System.Object, _
      ByVal e As System.EventArgs) Handles Button1.Click
      Me.Close()
   End Sub
   

   private void button1_Click(object sender, System.EventArgs e)
   {
      this.Close();
   }
   

   Remarque pour C#
   Veillez à ajouter du code afin d'activer le gestionnaire d'événements. En utilisant le code de l'exemple suivant, il se présente comme suit :

   this.Button1.Click += new System.EventHandler(this.button1_Click);
   

Pour écrire du code pour déplacer le formulaire (facultatif)

1. Créez une procédure pour déplacer le formulaire lorsque l'utilisateur le fait glisser. Entrez du code semblable au code ci-dessous pour créer un nouvel objet Point. Cet objet jouera le rôle de variable lorsque vous analyserez la façon de déplacer le formulaire. Le champ isMouseDown permet de savoir si le bouton de la souris est enfoncé ou non. Le formulaire ne doit se déplacer que si le bouton de la souris est enfoncé.

   Private mouseOffset As Point
   Private isMouseDown As Boolean = False
   

   private Point mouseOffset;
   private bool isMouseDown = false;
   

2. Créez un gestionnaire d'événements pour l'événement MouseDown du formulaire. Dans le gestionnaire, ajoutez le code permettant à l'utilisateur de cliquer n'importe où sur le formulaire pour le faire glisser. Pour plus d'informations sur la création de gestionnaires d'événements, consultez Comment : créer des gestionnaires d'événements à l'aide du concepteur.

   Entrez du code similaire au code ci-dessous pour assigner des coordonnées à la variable mouseOffset , basées sur la position actuelle du pointeur de la souris. Dans le code ci-dessous, remarquez que la position offset est calculée à l'aide des informations système relatives à la taille de la bordure (FrameBorderSize.Width) et à la hauteur de la barre de titre (CaptionHeight). Ces informations doivent être prises en compte lors du test de l'offset, car certaines mesures sont effectuées avec la zone cliente, et d'autres, avec les coordonnées de l'écran. Par conséquent, l'offset est égal à la somme de la largeur de la bordure, de la hauteur de la légende et de l'offset dans la zone cliente du formulaire.

   Private Sub Form1_MouseDown(ByVal sender As Object, _
       ByVal e As MouseEventArgs) Handles MyBase.MouseDown
       Dim xOffset As Integer
       Dim yOffset As Integer
   
       If e.Button = MouseButtons.Left Then
           xOffset = -e.X - SystemInformation.FrameBorderSize.Width
           yOffset = -e.Y - SystemInformation.CaptionHeight - _
                   SystemInformation.FrameBorderSize.Height
           mouseOffset = New Point(xOffset, yOffset)
           isMouseDown = True
       End If
   End Sub
   

   private void Form1_MouseDown(object sender, 
       System.Windows.Forms.MouseEventArgs e)
   {
       int xOffset;
       int yOffset;
   
       if (e.Button == MouseButtons.Left) 
       {
           xOffset = -e.X - SystemInformation.FrameBorderSize.Width;
           yOffset = -e.Y - SystemInformation.CaptionHeight - 
               SystemInformation.FrameBorderSize.Height;
           mouseOffset = new Point(xOffset, yOffset);
           isMouseDown = true;
       }    
   }
   

   Remarque pour C#
   Veillez à ajouter du code afin d'activer le gestionnaire d'événements. En utilisant le code de l'exemple suivant, il se présente comme suit :

   this.MouseDown += new
      System.Windows.Forms.MouseEventHandler
      (this.Form1_MouseDown);
   

3. Créez un gestionnaire d'événements pour l'événement MouseMove du formulaire.

   Entrez du code semblable au code ci-dessous. Lorsque l'utilisateur clique sur le bouton gauche et fait glisser la souris, la nouvelle position apparaît dans la propriété Location du formulaire.

   Private Sub Form1_MouseMove(ByVal sender As Object, _
       ByVal e As MouseEventArgs) Handles MyBase.MouseMove
       If isMouseDown Then
           Dim mousePos As Point = Control.MousePosition
           mousePos.Offset(mouseOffset.X, mouseOffset.Y)
           Location = mousePos
       End If
   End Sub
   

   private void Form1_MouseMove(object sender, 
       System.Windows.Forms.MouseEventArgs e)
   {
       if (isMouseDown) 
       {
           Point mousePos = Control.MousePosition;
           mousePos.Offset(mouseOffset.X, mouseOffset.Y);
           Location = mousePos;
       }
   }
   

   Remarque pour C#
   Veillez à ajouter du code afin d'activer le gestionnaire d'événements. En utilisant le code de l'exemple suivant, il se présente comme suit :

   this.MouseMove += new
      System.Windows.Forms.MouseEventHandler
      (this.Form1_MouseMove);
   

4. Créez un gestionnaire d'événements pour l'événement MouseUp du formulaire. Entrez du code semblable au code ci-dessous.

   Private Sub Form1_MouseUp(ByVal sender As Object, _
       ByVal e As MouseEventArgs) Handles MyBase.MouseUp
       ' Changes the isMouseDown field so that the form does
       ' not move unless the user is pressing the left mouse button.
       If e.Button = MouseButtons.Left Then
           isMouseDown = False
       End If
   End Sub
   

   private void Form1_MouseUp(object sender, 
       System.Windows.Forms.MouseEventArgs e)
   {
       // Changes the isMouseDown field so that the form does
       // not move unless the user is pressing the left mouse button.
       if (e.Button == MouseButtons.Left) 
       {
           isMouseDown = false;
       }
   }
   

   Remarque pour C#
   Veillez à ajouter du code afin d'activer le gestionnaire d'événements. En utilisant le code de l'exemple suivant, il se présente comme suit :

   this.MouseUp += new
      System.Windows.Forms.MouseEventHandler
      (this.Form1_MouseUp);
   

Voir aussi

Tâches

Comment : créer un Windows Form mis en forme

Comment : créer des Windows Forms transparents

Référence

Vue d'ensemble des Windows Forms