Creating Custom Shaped Windows Forms in .NET

• Download source code - 12.2 Kb
• Download demo- 7.62 Kb

Introduction

One of the niftiest aspects of Windows Forms is that you can craft them into non-rectangular shapes. Microsoft Windows Media™ Player 7 exhibits this feature, and, without doubt, many developers who see this want to incorporate it into their own applications. After much searching, I finally found the answer in MSDN.

Using the code

Following are the steps to create a simple non rectangular form:

1. Create a bitmap with a non-rectangular shape. This will serve as your form later on, as shown in Fig. 1.

   

   Fig. 1

   Note: Choose an easy-to-remember background color, such as black, as this will be important later on.

2. In Microsoft Visual Studio .NET, create a Windows Application Project.
3. Set the FormBorderStyle property to None.
4. Set the BackgroundImage property of the form to the .bmp you created above.
5. Set the TransparencyKey property of the form to the background color of the .bmp file. In the case of the example above, you would set it to black. This will make the black portion of the form disappear.

   Note: Setting the FormBorderStyle to None disables the standard functionality provided by the title bar. Thus, you must add custom code to the project to allow the form to be moved, closed, minimized, and maximized.

Writing code to close the form

1. From the Toolbox, drag a Button control to the form as shown in Fig 2.
2. In the Properties window, set the Text property to "X".
3. Double-click the Button to add a Click event handler.
4. Enter code similar to the following to Close the form when the button is clicked.
   C#

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

5. Similarly, drop another button and enter the following Code for minimizing, and enter code similar to as follows:
   C#

   private void button2_Click(object sender, System.EventArgs e)
   {
     this.WindowState=FormWindowState.Minimized;
   }

   

   Fig. 2

Writing code to move the form

1. Create a new variable:
   C#

   public Point mouse_offset;

   This will store the mouse position when the form is clicked.

2. Create an event handler for the form's MouseDown event.

   

   Fig. 3

3. Enter code similar to the following to assign coordinates to the mouse_offset variable based on the current position of the mouse.
   C#

   private void Form1_MouseDown(object sender, 
           System.Windows.Forms.MouseEventArgs e)
   {
       mouse_offset = new Point(-e.X, -e.Y);
   }

4. Similarly, create an event handler for the form's MouseMove event.
5. Enter code similar to the following. When the left mouse button is clicked and the mouse is dragged, the form's Location property is set to the new position.
   C#

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

   Save the application. Press F5 to run it. The form will be shaped like the image you drew at the beginning. Click anywhere on the form and drag it to see the move functionality. Click the Close Form button to close the form.

   

   NOTE: Make Sure your VGA Card is set at 16 bit resolution.