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

Custom Button with Color and Shape

, 28 Apr 2004
Rate this:
Please Sign up or sign in to vote.
Another simple custom button control with color and shape.

Introduction

This is my first C# custom control. Please download the demo program and have a click.

Features

Users are able to define the:

  • Color
    • Border color
    • Normal color A
    • Normal color B
    • Hover color A
    • Hover color B
  • GradientStyle
    • Horizontal
    • Vertical
    • ForwardDiagonal
    • BackwardDiagonal
  • ButtonStyle
    • Rectangle
    • Ellipse
  • SmoothingQuality
    • None(crispy)
    • HighSpeed
    • AntiAlias
    • HighQuality

You can actually feel the clicks with its flat style!

Key Techniques Used in OnPaint()

SmoothingMode

//
// set SmoothingMode
//
switch (_SmoothingQuality)
{
    case SmoothingQualities.None:
        e.Graphics.SmoothingMode = SmoothingMode.Default;
        break;
    case SmoothingQualities.HighSpeed:
        e.Graphics.SmoothingMode = SmoothingMode.HighSpeed;
        break;
    case SmoothingQualities.AntiAlias:
        e.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
        break;
    case SmoothingQualities.HighQuality:
        e.Graphics.SmoothingMode = SmoothingMode.HighQuality;
        break;
}

LinearGradientMode

//
// mode declaration
//
LinearGradientMode mode;
//
// set LinearGradientMode
//
switch (_GradientStyle)
{
    case GradientStyles.Horizontal:
        mode = LinearGradientMode.Horizontal;
        break;
    case GradientStyles.Vertical:
        mode = LinearGradientMode.Vertical;
        break;
    case GradientStyles.ForwardDiagonal:
        mode = LinearGradientMode.ForwardDiagonal;
        break;
    case GradientStyles.BackwardDiagonal:
        mode = LinearGradientMode.BackwardDiagonal;
        break;
    default:
        mode = LinearGradientMode.Vertical;
        break;
}

LinearGradientBrush

//
// brush declaration
//
LinearGradientBrush brush;
switch (_State)
{
    case _States.Normal:
        brush = new LinearGradientBrush(newRect, 
                _NormalColorA, _NormalColorB, mode);
        switch (_ButtonStyle)
        {
            case ButtonStyles.Rectangle:
                e.Graphics.FillRectangle(brush, newRect);
                e.Graphics.DrawRectangle(new 
                    Pen(_NormalBorderColor, 1), newRect);
                break;
            case ButtonStyles.Ellipse:
                e.Graphics.FillEllipse(brush, newRect);
                e.Graphics.DrawEllipse(new 
                  Pen(_NormalBorderColor, 1), newRect);
                break;

        }
        e.Graphics.DrawString(this.Text, base.Font, 
           new SolidBrush(base.ForeColor), textX, textY);
        break;

    case _States.MouseOver:
        brush = new LinearGradientBrush(newRect, 
              _HoverColorA, _HoverColorB, mode);
        switch (_ButtonStyle)
        {
            case ButtonStyles.Rectangle:
                e.Graphics.FillRectangle(brush, newRect);
                e.Graphics.DrawRectangle(new 
                     Pen(_HoverBorderColor, 1), newRect);
                break;
            case ButtonStyles.Ellipse:
                e.Graphics.FillEllipse(brush, newRect);
                e.Graphics.DrawEllipse(new 
                   Pen(_HoverBorderColor, 1), newRect);
                break;

        }
        e.Graphics.DrawString(this.Text, base.Font, 
          new SolidBrush(base.ForeColor), textX, textY);
        break;

    case _States.Clicked:
        brush = new LinearGradientBrush(newRect, 
              _HoverColorA, _HoverColorB, mode);
        switch (_ButtonStyle)
        {
            case ButtonStyles.Rectangle:
                e.Graphics.FillRectangle(brush, newRect);
                e.Graphics.DrawRectangle(new 
                     Pen(_HoverBorderColor, 2), newRect);
                break;
            case ButtonStyles.Ellipse:
                e.Graphics.FillEllipse(brush, newRect);
                e.Graphics.DrawEllipse(new 
                   Pen(_HoverBorderColor, 2), newRect);
                break;

        }
        e.Graphics.DrawString(this.Text, base.Font, 
          new SolidBrush(base.ForeColor), 
          textX + 1, textY + 1);
        break;
}

My Other Control Project

Feedbacks

Please vote for this article.

And email me or leave your messages if you have:

  • bug reports
  • code improvements
  • any comments or suggestions.

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

About the Author

Alan Zhao
Web Developer www.LightspeedSigns.com
United States United States
Hi, my name is Alan Zhao. I live in Glens Falls, NY. Say hi to me if you see me one day.
 
also visit me at www.LinkGone.com - Make your long URLs easy to read, remember and reuse.

Comments and Discussions

 
QuestionHere is something interesting regarding shaped buttons Pinmembermurathankocan3-Feb-13 22:38 
GeneralMy vote of 1 PinmemberLong Nguyen (xyz)7-Aug-12 20:18 
GeneralEmbedding in another project PinmemberTony Reynolds20-Jul-08 21:40 
GeneralRe: Embedding in another project PinmemberTony Reynolds21-Jul-08 22:46 
GeneralSlow click event handling? [modified] Pinmemberscoroop12-Nov-07 23:11 
GeneralRe: Slow click event handling? Pinmembervoiceofthemany15-Oct-09 2:39 
GeneralUsuage Pinmembersamsmithnz26-May-07 14:24 
GeneralRe: Usuage PinmemberAlan Zhao29-May-07 7:01 
GeneralRe: Usuage PinmemberSunshine Always11-Sep-07 0:06 
QuestionSmall Problem [modified] Pinmembersumit siddheshwar8-Aug-06 18:54 
Generalneed Help to Novice Pinmemberavantaram4-Aug-06 11:01 
QuestionVB.Net? Pinmemberam_binu17-Jul-06 23:36 
GeneralNice Component PinmemberMahesh Sapre1-Jun-06 22:54 
GeneralDefaulting to Rectangle Pinmemberhoule13-Dec-05 8:14 
GeneralRe: Defaulting to Rectangle Pinmemberhoule13-Dec-05 8:22 
QuestionMissing file : ColorButtonDesigner? Pinmemberchinkuanyeh19-Dec-04 6:04 
GeneralHi Alan Pinmemberjjason_1814-Jul-04 14:54 
QuestionBack color? PinmemberKenneta27-May-04 11:04 
AnswerRe: Back color? PinsussTal pasi9-Sep-05 15:50 
QuestionShortcut keys? PinmemberJohn N18-May-04 20:20 

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 29 Apr 2004
Article Copyright 2004 by Alan Zhao
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid