闲来无事，从网上找了不少自定义控件，然后整理了一下，做了一个水晶按钮
/// <summary>
/// 表示 Windows 的按钮控
/// </summary>
[Description("表示 Windows 的按钮控件"), DefaultEvent("Click"), ToolboxBitmap(typeof (System.Windows.Forms.Button))]
public class Button : Control
{
public Button()
{
SetStyle(ControlStyles.AllPaintingInWmPaint, true);
SetStyle(ControlStyles.DoubleBuffer, true);
SetStyle(ControlStyles.ResizeRedraw, true);
SetStyle(ControlStyles.Selectable, true);
SetStyle(ControlStyles.SupportsTransparentBackColor, true);
SetStyle(ControlStyles.UserPaint, true);
_fadeIn.Interval = ;
_fadeOut.Interval = ;
_fadeIn.Tick += FadeIn_Tick;
_fadeOut.Tick += FadeOut_Tick;
} /// <summary>
/// 淡出
/// </summary>
private void FadeOut_Tick(object sender, EventArgs e)
{
if (ButtonStyle == Style.Flat)
{
_glowAlpha = ;
}
if (_glowAlpha - <= )
{
_glowAlpha = ;
_fadeOut.Stop();
}
else
{
_glowAlpha -= ;
}
Invalidate();
} /// <summary>
/// 淡入
/// </summary>
private void FadeIn_Tick(object sender, EventArgs e)
{
if (ButtonStyle == Style.Flat)
{
_glowAlpha = ;
}
if (_glowAlpha + >= )
{
_glowAlpha = ;
_fadeIn.Stop();
}
else
{
_glowAlpha += ;
}
Invalidate();
} private readonly Color[] _colorArray =
{
Color.White, Color.FromArgb(, , ), Color.White,
Color.FromArgb(, , )
}; private float _radius = ;
private Style _mButtonStyle = Style.Default;
private State _mButtonState = State.None;
private readonly Timer _fadeIn = new Timer();
private readonly Timer _fadeOut = new Timer();
private int _glowAlpha;
private ContentAlignment _mTextAlign = ContentAlignment.MiddleCenter;
private ContentAlignment _mImageAlign = ContentAlignment.BottomCenter;
private Size _mImageSize = new Size(, );
private Image _mImage;
private Image _backImage; /// <summary>
/// 高亮颜色
/// </summary>
[Category("Appearance"), Description("高亮颜色"), DefaultValue(typeof(Color), "White"), Browsable(true)]
public Color LightColor
{
set
{
_colorArray[] = value;
Invalidate();
}
get { return _colorArray[]; }
} /// <summary>
/// 底色
/// </summary>
[Category("Appearance"), Description("底色"), DefaultValue(typeof(Color), "172, 168, 153"), Browsable(true)]
public Color PrimaryColor
{
set
{
_colorArray[] = value;
Invalidate();
}
get { return _colorArray[]; }
} /// <summary>
/// 亮点颜色
/// </summary>
[Category("Appearance"), Description("亮点颜色"), DefaultValue(typeof(Color), "White"), Browsable(true)]
public Color GlowColor
{
set
{
_colorArray[] = value;
Invalidate();
}
get { return _colorArray[]; }
} /// <summary>
/// 基本色
/// </summary>
[Category("Appearance"), Description("基本色"), DefaultValue(typeof(Color), "236, 233, 216"), Browsable(true)]
public Color BaseColor
{
set
{
_colorArray[] = value;
Invalidate();
}
get { return _colorArray[]; }
} /// <summary>
/// 角的度数
/// </summary>
[Category("Appearance"), Description("角的度数"), DefaultValue(typeof (float), ""), Browsable(true)]
public float CornerRadius
{
set
{
_radius = value;
Invalidate();
}
get { return _radius; }
} /// <summary>
/// 角的度数
/// </summary>
[Category("Appearance"), Description("角的度数"), DefaultValue(typeof (Style), "Default"), Browsable(true)]
public Style ButtonStyle
{
get { return _mButtonStyle; }
set
{
_mButtonStyle = value;
Invalidate();
}
} /// <summary>
/// 按钮文本的对其方式
/// </summary>
[Category("Text"), Description("按钮文本的对其方式"), DefaultValue(typeof (Style), "MiddleCenter"), Browsable(true)]
public ContentAlignment TextAlign
{
get { return _mTextAlign; }
set
{
_mTextAlign = value;
Invalidate();
}
} /// <summary>
/// 图片的对齐方式
/// </summary>
[Category("图像"), Description("图片的对齐方式"), DefaultValue(typeof (ContentAlignment), "MiddleLeft"),
Browsable(true)]
public ContentAlignment ImageAlign
{
set
{
_mImageAlign = value;
Invalidate();
}
get { return _mImageAlign; }
} /// <summary>
/// 图片的高度和宽度
/// </summary>
[Category("图像"), Description("图片的高度和宽度"), DefaultValue(typeof(ContentAlignment), "24,24"), Browsable(true)]
public Size ImageSize
{
set
{
_mImageSize = value;
Invalidate();
}
get { return _mImageSize; }
} /// <summary>
/// 图片
/// </summary>
[Category("图像"), Description("图片"), DefaultValue(null), Browsable(true)]
public Image Image
{
set
{
_mImage = value;
Invalidate();
}
get { return _mImage; }
} [Category("Appearance"), Description("背景图"), DefaultValue(null), Browsable(true)]
public Image BackImage
{
set
{
_backImage = value;
Invalidate();
}
get { return _backImage; }
} /// <summary>
/// 获取绘制区域路径
/// </summary>
/// <param name="r">区域</param>
/// <param name="r1">角1度数</param>
/// <param name="r2">角2度数</param>
/// <param name="r3">角3度数</param>
/// <param name="r4">角4度数</param>
/// <returns></returns>
private GraphicsPath RoundRect(RectangleF r, float r1, float r2, float r3, float r4)
{
float x = r.X, y = r.Y, w = r.Width, h = r.Height;
var gp = new GraphicsPath();
gp.AddBezier(x, y + r1, x, y, x + r1, y, x + r1, y);
gp.AddLine(x + r1, y, x + w - r2, y);
gp.AddBezier(x + w - r2, y, x + w, y, x + w, y + r2, x + w, y + r2);
gp.AddLine(x + w, y + r2, x + w, y + h - r3);
gp.AddBezier(x + w, y + h - r3, x + w, y + h, x + w - r3, y + h, x + w - r3, y + h);
gp.AddLine(x + w - r3, y + h, x + r4, y + h);
gp.AddBezier(x + r4, y + h, x, y + h, x, y + h - r4, x, y + h - r4);
gp.AddLine(x, y + h - r4, x, y + r1);
return gp;
} /// <summary>
/// 获取绘制文本的方式
/// </summary>
/// <returns></returns>
private StringFormat StringFormatAlignment()
{
var sf = new StringFormat();
switch (TextAlign)
{
case ContentAlignment.TopLeft:
case ContentAlignment.TopCenter:
case ContentAlignment.TopRight:
sf.LineAlignment = StringAlignment.Near;
break;
case ContentAlignment.MiddleLeft:
case ContentAlignment.MiddleCenter:
case ContentAlignment.MiddleRight:
sf.LineAlignment = StringAlignment.Center;
break;
case ContentAlignment.BottomLeft:
case ContentAlignment.BottomCenter:
case ContentAlignment.BottomRight:
sf.LineAlignment = StringAlignment.Far;
break;
}
switch (TextAlign)
{
case ContentAlignment.TopLeft:
case ContentAlignment.MiddleLeft:
case ContentAlignment.BottomLeft:
sf.Alignment = StringAlignment.Near;
break;
case ContentAlignment.TopCenter:
case ContentAlignment.MiddleCenter:
case ContentAlignment.BottomCenter:
sf.Alignment = StringAlignment.Center;
break;
case ContentAlignment.TopRight:
case ContentAlignment.MiddleRight:
case ContentAlignment.BottomRight:
sf.Alignment = StringAlignment.Far;
break;
}
return sf;
} /// <summary>
/// 绘制外部
/// </summary>
/// <param name="g"></param>
private void DrawOuterStroke(Graphics g)
{
if (ButtonStyle == Style.Flat && _mButtonState == State.None)
{
return;
}
Rectangle r = ClientRectangle;
r.Width -= ;
r.Height -= ;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
{
using (var p = new Pen(PrimaryColor))
{
g.DrawPath(p, rr);
}
}
} /// <summary>
/// 绘制内部
/// </summary>
/// <param name="g"></param>
private void DrawInnerStroke(Graphics g)
{
if (ButtonStyle == Style.Flat && _mButtonState == State.None)
{
return;
}
Rectangle r = ClientRectangle;
r.X++;
r.Y++;
r.Width -= ;
r.Height -= ;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
{
using (var p = new Pen(LightColor))
{
g.DrawPath(p, rr);
}
}
} /// <summary>
/// 绘制背景
/// </summary>
/// <param name="g"></param>
private void DrawBackground(Graphics g)
{
if (ButtonStyle == Style.Flat && _mButtonState == State.None)
{
return;
}
int alpha = (_mButtonState == State.Pressed) ? : ;
Rectangle r = ClientRectangle;
r.Width--;
r.Height--;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
{
using (var sb = new SolidBrush(BaseColor))
{
g.FillPath(sb, rr);
}
SetClip(g);
if (BackImage != null)
{
g.DrawImage(BackImage, ClientRectangle);
}
g.ResetClip();
using (var sb = new SolidBrush(Color.FromArgb(alpha, PrimaryColor)))
{
g.FillPath(sb, rr);
}
}
} /// <summary>
/// 绘制高亮
/// </summary>
/// <param name="g"></param>
private void DrawHighlight(Graphics g)
{
if (ButtonStyle == Style.Flat && _mButtonState == State.None)
{
return;
}
int alpha = (_mButtonState == State.Pressed) ? : ;
var rect = new Rectangle(, , Width, Height/);
using (GraphicsPath r = RoundRect(rect, CornerRadius, CornerRadius, , ))
{
using (var lg = new LinearGradientBrush(r.GetBounds(),
Color.FromArgb(alpha, LightColor),
Color.FromArgb(alpha/, LightColor),
LinearGradientMode.Vertical))
{
g.FillPath(lg, r);
}
}
} /// <summary>
/// 绘制亮点
/// </summary>
/// <param name="g"></param>
private void DrawGlow(Graphics g)
{
if (_mButtonState == State.Pressed)
{
return;
}
SetClip(g);
using (var glow = new GraphicsPath())
{
glow.AddEllipse(-, Height/ - , Width + , Height + );
using (var gl = new PathGradientBrush(glow))
{
gl.CenterColor = Color.FromArgb(_glowAlpha, GlowColor);
gl.SurroundColors = new[] {Color.FromArgb(, GlowColor)};
g.FillPath(gl, glow);
}
}
g.ResetClip();
} /// <summary>
/// 绘制剪辑区域
/// </summary>
/// <param name="g"></param>
private void SetClip(Graphics g)
{
Rectangle r = ClientRectangle;
r.X++;
r.Y++;
r.Width -= ;
r.Height -= ;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
{
g.SetClip(rr);
}
} /// <summary>
/// 绘制文本
/// </summary>
/// <param name="g"></param>
private void DrawText(Graphics g)
{
StringFormat sf = StringFormatAlignment();
var s = g.MeasureString(Text, Font);
var x = (int) ((Width - s.Width - )/);
var y = (int) ((Height - s.Height - )/*);
var r = new Rectangle(x, y, (int) s.Width + , (int) s.Height + );
g.DrawString(Text, Font, new SolidBrush(ForeColor), r, sf);
} /// <summary>
/// 绘制图片
/// </summary>
/// <param name="g"></param>
private void DrawImage(Graphics g)
{
if (Image == null)
{
return;
}
var r = new Rectangle(, , ImageSize.Width, ImageSize.Height);
switch (ImageAlign)
{
case ContentAlignment.TopCenter:
r = new Rectangle(Width/ - ImageSize.Width/, , ImageSize.Width, ImageSize.Height);
break;
case ContentAlignment.TopRight:
r = new Rectangle(Width - - ImageSize.Width, , ImageSize.Width, ImageSize.Height);
break;
case ContentAlignment.MiddleLeft:
r = new Rectangle(, Height/ - ImageSize.Height/, ImageSize.Width, ImageSize.Height);
break;
case ContentAlignment.MiddleCenter:
r = new Rectangle(Width/ - ImageSize.Width/, Height/ - ImageSize.Height/, ImageSize.Width,
ImageSize.Height);
break;
case ContentAlignment.MiddleRight:
r = new Rectangle(Width - - ImageSize.Width, Height/ - ImageSize.Height/, ImageSize.Width,
ImageSize.Height);
break;
case ContentAlignment.BottomLeft:
r = new Rectangle(, Height - - ImageSize.Height, ImageSize.Width, ImageSize.Height);
break;
case ContentAlignment.BottomCenter:
r = new Rectangle(Width/ - ImageSize.Width/, Height - - ImageSize.Height, ImageSize.Width,
ImageSize.Height);
break;
case ContentAlignment.BottomRight:
r = new Rectangle(Width - - ImageSize.Width, Height - - ImageSize.Height, ImageSize.Width,
ImageSize.Height);
break;
}
g.DrawImage(Image, r);
} /// <summary>
/// 重绘按钮
/// </summary>
/// <param name="pevent"></param>
protected override void OnPaint(PaintEventArgs pevent)
{
base.OnPaint(pevent);
pevent.Graphics.SmoothingMode = SmoothingMode.AntiAlias;
pevent.Graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;
DrawBackground(pevent.Graphics);
DrawHighlight(pevent.Graphics);
DrawImage(pevent.Graphics);
DrawText(pevent.Graphics);
DrawGlow(pevent.Graphics);
DrawOuterStroke(pevent.Graphics);
DrawInnerStroke(pevent.Graphics);
} /// <summary>
/// 鼠标移入
/// </summary>
/// <param name="e"></param>
protected override void OnMouseEnter(EventArgs e)
{
_mButtonState = State.Hover;
_fadeOut.Stop();
_fadeIn.Start();
base.OnMouseEnter(e);
} /// <summary>
/// 鼠标移出
/// </summary>
/// <param name="e"></param>
protected override void OnMouseLeave(EventArgs e)
{
_mButtonState = State.None;
if (_mButtonStyle == Style.Flat)
{
_glowAlpha = ;
}
_fadeIn.Stop();
_fadeOut.Start();
base.OnMouseLeave(e);
} /// <summary>
/// 鼠标按下
/// </summary>
/// <param name="mevent"></param>
protected override void OnMouseDown(MouseEventArgs mevent)
{
if (mevent.Button == MouseButtons.Left)
{
_mButtonState = State.Pressed;
if (_mButtonStyle != Style.Flat)
{
_glowAlpha = ;
}
_fadeIn.Stop();
_fadeOut.Stop();
Invalidate();
}
base.OnMouseDown(mevent);
} /// <summary>
/// 鼠标弹起
/// </summary>
/// <param name="mevent"></param>
protected override void OnMouseUp(MouseEventArgs mevent)
{
if (mevent.Button == MouseButtons.Left)
{
_mButtonState = State.Hover;
_fadeIn.Stop();
_fadeOut.Stop();
Invalidate();
}
base.OnMouseUp(mevent);
} /// <summary>
/// 按钮变化
/// </summary>
/// <param name="e"></param>
protected override void OnResize(EventArgs e)
{
Rectangle r = ClientRectangle;
r.X -= ;
r.Y -= ;
r.Width += ;
r.Height += ;
using (GraphicsPath rr = RoundRect(r, CornerRadius, CornerRadius, CornerRadius, CornerRadius))
{
Region = new Region(rr);
}
base.OnResize(e);
} /// <summary>
/// 鼠标活动类别
/// </summary>
public enum State
{
/// <summary>
/// 正常状态
/// </summary>
None,
/// <summary>
/// 鼠标悬浮状态
/// </summary>
Hover,
/// <summary>
/// 鼠标按下
/// </summary>
Pressed
} /// <summary>
/// 绘制样式
/// </summary>
public enum Style
{
/// <summary>
/// 只画背景的鼠标
/// </summary>
Default,
/// <summary>
/// 绘制按钮作为正常
/// </summary>
Flat
};
}