Click here to Skip to main content
Click here to Skip to main content

Google Talk styled Windows Form

, 8 May 2006
Rate this:
Please Sign up or sign in to vote.
How to use a custom Paint event handler to draw your own Windows Form.

Sample Image - GoogleTalkWindowsForm.gif

Introduction

This article mainly explains how to use a custom Paint event handler to draw your own Windows control (in this case, a Form control). The GoogleTalkForm class inherits and extends the System.Windows.Forms.Form control (provided by the Microsoft .NET Framework) to provide the look and feel of the Google Talk Windows Form.

The class properties IsWindowSnappable, IsResizable, ResizableColor, TitleColor, TitleFont, TitleBackColor, TitleForeColor, TitleStyle, BodyBackColor, BodyForeColor, BodyStyle, OutlineColor, OutlineSize, IconsNormalColor, IconsHiLiteColor, MinimumHeight, and MinimumWidth can be used to alter the form's standard look and feel, and behaviour.

The GoogleTalkForm class provides:

  • Drawing of the Windows Form.
  • Drawing using double buffering.
  • Form snapping to specific client desktop regions.
  • Mouse event handling.
  • System context menu item drawing.

How it works

First of all, we need to override the form events such as OnPaint, OnMouseDown, OnMouseUp, and OnMouseMove, OnDoubleClick to handle the Form Paint event and mouse events.

protected override void OnPaint(PaintEventArgs e)
{
   ...
}

protected override void OnMouseDown(MouseEventArgs e)
{
   ...
}

The Form's style must be set using the method SetStyle in the GoogleTalkForm class constructor, to reflect the required behaviour.

this.SetStyle(ControlStyles.AllPaintingInWmPaint | 
              ControlStyles.UserPaint, true);
this.SetStyle(ControlStyles.Selectable, true);
this.SetStyle(ControlStyles.StandardClick, true);
this.SetStyle(ControlStyles.StandardDoubleClick, true);
this.SetStyle(ControlStyles.DoubleBuffer, true);
this.SetStyle(ControlStyles.ResizeRedraw, true);
this.SetStyle(ControlStyles.Opaque, true);
this.SetStyle(ControlStyles.SupportsTransparentBackColor, false);
this.UpdateStyles();

The method isMousePointerInArea is used to check if the current mouse position is within a specific client rectangle area. The mouse location with respect to the Windows Form has to be worked out because the Control.MousePosition returns the mouse position relative to the desktop.

private bool isMousePointerInArea(Point mousePosition, Rectangle area)
{
    Point relativePoint = new Point(0, 0);
    relativePoint.X = mousePosition.X - this.Location.X;
    relativePoint.Y = mousePosition.Y - this.Location.Y;

    return area.Contains(relativePoint);
}

The custom Form painting is all done by the method OnFormPaint onto a newly created Bitmap object having the exact width and height of the form. A Graphics object is created from the Bitmap, and methods such as DrawString, DrawImage, DrawLine, and DrawArc are used. As soon as all painting is complete, the buffered bitmap is copied onto the form graphics instance, using the method DrawImageUnscaled.

// Create a new Pen object
p = new Pen(this.OutlineColor, this.OutlineSize);

// Draw the form outline
g.DrawArc(p, rectLeftCorner, 180, 90);
g.DrawArc(p, rectRightCorner, 270, 90);
g.DrawLine(p, edgeRadius, 0, this.Width - edgeRadius, 0);
g.DrawLine(p, 0, edgeRadius, 0, this.Height);
g.DrawLine(p, this.Width - 1, edgeRadius, 
           this.Width - 1, this.Height);
g.DrawLine(p, 0, this.Height - 1, 
           this.Width, this.Height - 1);

// Dispose the Pen object
p.Dispose();
p = null;

A custom Region is created and applied to the form, to make a rounded edge effect. To create the required region, we have to iterate pixel by pixel and add a 1x1 rectangle to the GraphicsPath object (that will be used to create the Region object) when the currently selected pixel is not the same color as the transparent color. To optimise the code, only the top corners of the form are checked for transparent colored pixels.

// Create GraphicsPath to be used to crop the region required
gpRegion = new GraphicsPath();

// Loop through every pixel in the top left corner.
// Create a 1 x 1 rectangle regions of pixels
// that do not match the transparent color
for (int x = rectLeftCorner.X; x < rectLeftCorner.Width; x++)
{
    for (int y = rectLeftCorner.Y; y < rectLeftCorner.Height / 2; y++) 
    {
        if (isSameColor(bmp.GetPixel(x, y), 
            this.transparentColor) == false) 
        {
            gpRegion.AddRectangle(new Rectangle(x, y, 1, 1));
        }
    }
}

// Loop through every pixel in the top right corner.
// Create a 1 x 1 rectangle regions of pixels
// that do not match the transparent color
for (int x = rectRightCorner.X + 1; x < 
             rectRightCorner.X + 
             rectRightCorner.Width + 1; x++)
{
    for (int y = rectRightCorner.Y; y < 
         rectRightCorner.Y + rectRightCorner.Height / 2; y++) 
    {
        if (isSameColor(bmp.GetPixel(x, y), 
            this.transparentColor) == false) 
        {
            gpRegion.AddRectangle(new Rectangle(x, y, 1, 1));
        }
    }
}

// Create the remaining rectangular regions
// to complete cover all the windows form area
gpRegion.AddRectangle(new Rectangle(rectLeftCorner.Width, 0, 
         this.Width - (edgeRadius * 4), rectLeftCorner.Height / 2));
gpRegion.AddRectangle(new Rectangle(0, 
         rectLeftCorner.Height / 2, this.Width, this.Height));

// Apply region
this.Region = new Region(gpRegion);

History

  • 1.0 - First release - (09 May 2006).
  • 1.1 - (11 May 2006).
    • Created a form designer to control the form (and child controls) behaviour.
    • Fixed the form behaviour when hosted inside an MDI container.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

NiaWs
Web Developer
Malta Malta
No Biography provided

Comments and Discussions

 
SuggestionGreat! Pinmemberbrunopbarrote4-Oct-13 9:38 
QuestionAlways can't inherited form StyledForms PinmemberMember 100881496-Jul-13 19:28 
AnswerRe: Always can't inherited form StyledForms PinmemberMember 100881496-Jul-13 20:25 
GeneralRe: Always can't inherited form StyledForms PinmemberNiaWs7-Jul-13 0:19 
QuestionThe form Designer of VS2008 is always shining Pinmemberxulianjie5-Jun-12 0:38 
QuestionLicense Terms for Google Talk styled Windows Form PinmemberMary Mayiladumpara21-Jul-08 2:21 
AnswerRe: License Terms for Google Talk styled Windows Form PinmemberNiaWs21-Jul-08 23:11 
Hi Mary,
 
I have never thought someone would be interested in using the Google Talk styled Windows Forms in a product so I did not bother to research which open source license to use. I have gone through a couple and decided to license my work under the CPOL (Code Project Open License). This should allow you to use my work in your own product.
 
Even though your company is not obliged to do so, I would really appreciate if any changes/optimization are contributed back to the community.
 
Please do not hesitate to contact me if you need help.
 
Thanks once again for taking the interest in my work,
Best regards,
Alan
GeneralDock Property Pinmemberbadtoto12-May-08 0:46 
QuestionHow to change the default windows form help Pinmembermuktesh patel2-Apr-08 20:44 
GeneralRe: How to change the default windows form help PinmemberNiaWs2-Apr-08 21:19 
Generalresizing problem PinmemberIfYouSaySo3-Jul-07 10:51 
GeneralRe: resizing problem PinmemberIfYouSaySo3-Jul-07 11:10 
QuestionBug using panels Pinmemberivomuccioli22-Nov-06 6:44 
GeneralResize Issue PinmemberRichard Parsons22-Nov-06 3:34 
GeneralRe: Resize Issue PinmemberIfYouSaySo3-Jul-07 11:31 
GeneralRe: Resize Issue PinmemberIfYouSaySo3-Jul-07 11:55 
QuestionHow to use it, sorry but i am now at c# PinmemberMadCodeC#15-Nov-06 5:30 
AnswerRe: How to use it, sorry but i am now at c# PinmemberMadCodeC#15-Nov-06 5:34 
AnswerRe: How to use it, sorry but i am now at c# PinmemberNiaWs15-Nov-06 19:35 
GeneralRe: How to use it, sorry but i am now at c# PinmemberMadCodeC#15-Nov-06 22:35 
GeneralMenu and Status bar Pinmembercoldfiretreachon23-Oct-06 20:47 
GeneralMinimize and Close buttons generating CPU load PinmemberMikeydoho28-Sep-06 12:58 
GeneralRe: Minimize and Close buttons generating CPU load PinmemberNiaWs28-Sep-06 20:18 
NewsRe: Minimize and Close buttons generating CPU load PinmemberMikeydoho28-Sep-06 23:49 
NewsGoogle Talk styled Windows Form PinmemberNiaWs20-Aug-06 22:04 

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
Web01 | 2.8.140721.1 | Last Updated 9 May 2006
Article Copyright 2006 by NiaWs
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid