Winform "nice Vista style crystal button" Control (Appendix: source code demo) Development of catering system

Http://www.cnblogs.com/know/archive/2011/03/19/1989093.html

Http://www.cnblogs.com/hxworm/articles/1993082.html

Those who develop winform should have this feeling: VS has many built-in controls, but few beautiful ones-so there are some open-source, paid, or free good controls on the Internet, controls such as skin library dotnetbar and pie chart control piechart) "catering system development )...., (in the previous articles about meal preparation system development, I mainly explain some functions) this article will share with you the use of the "nice Vista style crystal button" Control (enhanced interface aesthetics and user experience ). Now, let's go straight to the topic. Let's take a look at the running effect of this control:

The button control has the following points worth noting:

1. cornerradius: -- this attribute is used to set the shape (oval or normal) at both ends of the button. The attribute value is a number and 0 is a normal button.> if the value is 0, the button's elliptic 'bending level' is greater. If the value is 20, it is a green button. If the value is greater than 20, the effect is not very good. You can download the demo and view it on your own.

2. The basecolor and buttoncolor of the button are set at the same time, and the effect is similar to gradient.

The key code for this button control is as follows:

    /// <summary>
/// Draws the outer border for the control
/// using the ButtonColor property.
/// </summary>
/// <param name="g">The graphics object used in the paint event.</param>
            private void DrawOuterStroke(Graphics g)
            {
if (this.ButtonStyle == Style.Flat && this.mButtonState == State.None){return;}
                Rectangle r = this.ClientRectangle;
                r.Width -= 1; r.Height -= 1;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
                {
using (Pen p = new Pen(this.ButtonColor))
                    {
                        g.DrawPath(p, rr);
                    }
                }
            }

/// <summary>
/// Draws the inner border for the control
/// using the HighlightColor property.
/// </summary>
/// <param name="g">The graphics object used in the paint event.</param>
            private void DrawInnerStroke(Graphics g)
            {
if (this.ButtonStyle == Style.Flat && this.mButtonState == State.None){return;}
                Rectangle r = this.ClientRectangle;
                r.X++; r.Y++;
                r.Width -= 3; r.Height -= 3;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
                {
using (Pen p = new Pen(this.HighlightColor))
                    {
                        g.DrawPath(p, rr);
                    }
                }
            }

/// <summary>
/// Draws the background for the control
/// using the background image and the 
/// BaseColor.
/// </summary>
/// <param name="g">The graphics object used in the paint event.</param>
            private void DrawBackground(Graphics g)
            {
if (this.ButtonStyle == Style.Flat && this.mButtonState == State.None){return;}
int alpha = (mButtonState == State.Pressed) ? 204 : 127;
                Rectangle r = this.ClientRectangle;
                r.Width--; r.Height--;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
                {
using (SolidBrush sb = new SolidBrush(this.BaseColor))
                    {
                        g.FillPath(sb, rr);
                    }
                    SetClip(g);
if (this.BackImage != null){g.DrawImage(this.BackImage, this.ClientRectangle);}
                    g.ResetClip();
using (SolidBrush sb = new SolidBrush(Color.FromArgb(alpha, this.ButtonColor)))
                    {
                        g.FillPath(sb, rr);
                    }
                }
            }

/// <summary>
/// Draws the Highlight over the top of the
/// control using the HightlightColor.
/// </summary>
/// <param name="g">The graphics object used in the paint event.</param>
            private void DrawHighlight(Graphics g)
            {
if (this.ButtonStyle == Style.Flat && this.mButtonState == State.None){return;}
int alpha = (mButtonState == State.Pressed) ? 60 : 150;
                Rectangle rect = new Rectangle(0, 0, this.Width, this.Height / 2);
using (GraphicsPath r = RoundRect(rect, CornerRadius, CornerRadius, 0, 0))
                {
using (LinearGradientBrush lg = new LinearGradientBrush(r.GetBounds(), 
                                                Color.FromArgb(alpha, this.HighlightColor),
                                                Color.FromArgb(alpha / 3, this.HighlightColor), 
                                                LinearGradientMode.Vertical))
                    {
                        g.FillPath(lg, r);
                    }
                }
            }

/// <summary>
/// Draws the glow for the button when the
/// mouse is inside the client area using
/// the GlowColor property.
/// </summary>
/// <param name="g">The graphics object used in the paint event.</param>
            private void DrawGlow(Graphics g)
            {
if (this.mButtonState == State.Pressed){return;}
                SetClip(g);
using (GraphicsPath glow = new GraphicsPath())
                {
                    glow.AddEllipse(-5,this.Height / 2 - 10, this.Width + 11, this.Height + 11);
using (PathGradientBrush gl = new PathGradientBrush(glow))
                    {
                        gl.CenterColor = Color.FromArgb(mGlowAlpha, this.GlowColor);
                        gl.SurroundColors = new Color[] {Color.FromArgb(0, this.GlowColor)};
                        g.FillPath(gl, glow);
                    }
                }
                g.ResetClip();
            }

/// <summary>
/// Draws the text for the button.
/// </summary>
/// <param name="g">The graphics object used in the paint event.</param>
            private void DrawText(Graphics g)
            {
                StringFormat sf = StringFormatAlignment(this.TextAlign);
                Rectangle r = new Rectangle(8,8,this.Width - 17,this.Height - 17);
                g.DrawString(this.ButtonText,this.Font,new SolidBrush(this.ForeColor),r,sf);
            }    

/// <summary>
/// Draws the image for the button
/// </summary>
/// <param name="g">The graphics object used in the paint event.</param>
            private void DrawImage(Graphics g)
            {
if (this.Image == null) {return;}
                Rectangle r = new Rectangle(8,8,this.ImageSize.Width,this.ImageSize.Height);
switch (this.ImageAlign)
                {
case ContentAlignment.TopCenter:
                        r = new Rectangle(this.Width / 2 - this.ImageSize.Width / 2,8,this.ImageSize.Width,this.ImageSize.Height);
break;
case ContentAlignment.TopRight:
                        r = new Rectangle(this.Width - 8 - this.ImageSize.Width,8,this.ImageSize.Width,this.ImageSize.Height);
break;
case ContentAlignment.MiddleLeft:
                        r = new Rectangle(8,this.Height / 2 - this.ImageSize.Height / 2,this.ImageSize.Width,this.ImageSize.Height);
break;
case ContentAlignment.MiddleCenter:
                        r = new Rectangle(this.Width / 2 - this.ImageSize.Width / 2,this.Height / 2 - this.ImageSize.Height / 2,this.ImageSize.Width,this.ImageSize.Height);
break;
case ContentAlignment.MiddleRight:
                        r = new Rectangle(this.Width - 8 - this.ImageSize.Width,this.Height / 2 - this.ImageSize.Height / 2,this.ImageSize.Width,this.ImageSize.Height);
break;
case ContentAlignment.BottomLeft:
                        r = new Rectangle(8,this.Height - 8 - this.ImageSize.Height,this.ImageSize.Width,this.ImageSize.Height);
break;
case ContentAlignment.BottomCenter:
                        r = new Rectangle(this.Width / 2 - this.ImageSize.Width / 2,this.Height - 8 - this.ImageSize.Height,this.ImageSize.Width,this.ImageSize.Height);
break;
case ContentAlignment.BottomRight:
                        r = new Rectangle(this.Width - 8 - this.ImageSize.Width,this.Height - 8 - this.ImageSize.Height,this.ImageSize.Width,this.ImageSize.Height);
break;
                }
                g.DrawImage(this.Image,r);
            }

private void SetClip(Graphics g)
            {
                Rectangle r = this.ClientRectangle;
                r.X++; r.Y++; r.Width-=3; r.Height-=3;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
                {
                    g.SetClip(rr);
                }        
            }

Download source code demo