Click here to Skip to main content
Click here to Skip to main content
Go to top

Creating Custom Shaped Windows Forms in .NET

, 21 Aug 2004
Rate this:
Please Sign up or sign in to vote.
Creating custom shaped Windows Forms in .NET.

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.
    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:
    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:
    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.
    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.
    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.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Share

About the Author

Haroon Rehman

Pakistan Pakistan
No Biography provided

Comments and Discussions

 
QuestionMaking things so fuzzy Pinmemberelgaabeb16-Nov-11 23:22 
GeneralMy vote of 1 PinmemberSAKryukov12-Nov-11 8:55 
GeneralMy vote of 1 PinmemberSAKryukov20-Sep-11 16:48 
Generalthe form is not transparent !!!! Pinmembertwentysevendesigns18-Jun-08 21:38 
Generaldoes not work on 32 bit Pinmembertehila24-Jul-07 7:13 
GeneralRe: does not work on 32 bit PinmemberDevinmccloud2-Oct-07 16:52 
GeneralRe: does not work on 32 bit Pinmemberprojectfallback30-Nov-07 20:45 
QuestionHow to keep the system menu Pinmemberjoebarthib20-Jun-07 22:23 
QuestionAlmost working PinmembergoNz_BcN20-Sep-05 11:06 
QuestionRezise?? Pinmemberelranu4-Jul-05 13:25 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web02 | 2.8.140916.1 | Last Updated 22 Aug 2004
Article Copyright 2004 by Haroon Rehman
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid