使用C#创建自定义背景色/形状的菜单栏与工具栏

C#对于菜单栏与工具栏都提供了统一的背景色,形状的渲染类,即ToolStripRenderer类，同时根据不同的情形，提供了多个继承类，分别是ToolStripProfessionalRender，ToolStripSystemRenderer，本片文章将通过继承ToolStripProfessionalRender来实现菜单与工具栏的自定义

 

1.通过VS2008创建一个C#类，并命名为CustomProfessionalRenderer.cs

2.在CustomProfessionalRenderer.cs文件中加入以下引用

  

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Drawing;
using System.Drawing.Drawing2D;

3.定义CustomProfessionalRenderer类的控件颜色的全局变量

  

//默认的绘制背景色的颜色
private Color menu_color = Color.Red;      //菜单的背景色
private Color toolbar_color = Color.Red;   //工具栏的背景色
private Color image_color = Color.Red;     //菜单图片栏的背景色
private Color separator_color = Color.Red; //菜单分割条的背景色

4.定义CustomProfessionalRenderer类的构造函数

  

public CustomProfessionalRenderer()
: base()
{
}

public CustomProfessionalRenderer(Color mColor, Color iColor, Color sColor)
: base()
{
menu_color = mColor;
image_color = iColor;
separator_color = sColor;
}

public CustomProfessionalRenderer(Color tColor)
:base()
{
toolbar_color = tColor;
}

5.重写绘制菜单栏和工具栏背景色的函数，如下所示

  

protected override void OnRenderToolStripBackground(ToolStripRenderEventArgs e)
{
//判断ToolStrip的类型
ToolStrip tsType = e.ToolStrip;
Graphics g = e.Graphics;
//抗锯齿
g.SmoothingMode = SmoothingMode.HighQuality;

if (tsType is MenuStrip ||
tsType is ToolStripDropDown)
{
//指定填充Menu栏与ToolBar栏的背景色的画刷,使用线性渐变画刷
LinearGradientBrush lgBursh = new LinearGradientBrush(new Point(0, 0),
new Point(0, tsType.Height),
Color.FromArgb(255, Color.White),
Color.FromArgb(150, menu_color));
GraphicsPath path = new GraphicsPath(FillMode.Winding);
int diameter = 10;//直径
Rectangle rect = new Rectangle(Point.Empty, tsType.Size);
Rectangle arcRect = new Rectangle(rect.Location, new Size(diameter, diameter));

path.AddLine(0, 0, 10, 0);
// 右上角
arcRect.X = rect.Right - diameter;
path.AddArc(arcRect, 270, 90);

// 右下角
arcRect.Y = rect.Bottom - diameter;
path.AddArc(arcRect, 0, 90);

// 左下角
arcRect.X = rect.Left;
path.AddArc(arcRect, 90, 90);
path.CloseFigure();

//设置控件的窗口区域
tsType.Region = new Region(path);

//填充窗口区域
g.FillPath(lgBursh, path);
}
else if (tsType is ToolStrip)
{
//指定填充Menu栏与ToolBar栏的背景色的画刷,使用线性渐变画刷
LinearGradientBrush lgBursh = new LinearGradientBrush(new Point(0, 0),
new Point(0, tsType.Height),
Color.FromArgb(255, Color.White),
Color.FromArgb(150, toolbar_color));
GraphicsPath path = new GraphicsPath(FillMode.Winding);
int diameter = 10;//直径
Rectangle rect = new Rectangle(Point.Empty, tsType.Size);
Rectangle arcRect = new Rectangle(rect.Location, new Size(diameter, diameter));

path.AddLine(0, 0, 10, 0);
// 右上角
arcRect.X = rect.Right - diameter;
path.AddArc(arcRect, 270, 90);

// 右下角
arcRect.Y = rect.Bottom - diameter;
path.AddArc(arcRect, 0, 90);

// 左下角
arcRect.X = rect.Left;
path.AddArc(arcRect, 90, 90);
path.CloseFigure();

//设置控件的窗口区域
tsType.Region = new Region(path);

//填充窗口区域
g.FillPath(lgBursh, path);
}
else
{
base.OnRenderToolStripBackground(e);
}
}

6.重写绘制菜单栏和工具栏边框的函数，如下所示

  

protected override void OnRenderToolStripBorder(ToolStripRenderEventArgs e)
{
//判断ToolStrip的类型
ToolStrip tsType = e.ToolStrip;
Graphics g = e.Graphics;
//抗锯齿
g.SmoothingMode = SmoothingMode.HighQuality;

if (tsType is MenuStrip ||
tsType is ToolStripDropDown)
{
//设置画笔
Pen LinePen = new Pen(menu_color);
GraphicsPath path = new GraphicsPath(FillMode.Winding);
int diameter = 10;//直径
Rectangle rect = new Rectangle(Point.Empty, tsType.Size);
Rectangle arcRect = new Rectangle(rect.Location, new Size(diameter, diameter));

path.AddLine(0, 0, 10, 0);
// 右上角
arcRect.X = rect.Right - diameter;
path.AddArc(arcRect, 270, 90);

// 右下角
arcRect.Y = rect.Bottom - diameter;
path.AddArc(arcRect, 0, 90);

// 左下角
arcRect.X = rect.Left;
path.AddArc(arcRect, 90, 90);
path.CloseFigure();

//画边框
g.DrawPath(LinePen, path);
}
else if (tsType is ToolStrip)
{
//设置画笔
Pen LinePen = new Pen(toolbar_color);
GraphicsPath path = new GraphicsPath(FillMode.Winding);
int diameter = 10;//直径
Rectangle rect = new Rectangle(Point.Empty, tsType.Size);
Rectangle arcRect = new Rectangle(rect.Location, new Size(diameter, diameter));

path.AddLine(0, 0, 10, 0);
// 右上角
arcRect.X = rect.Right - diameter;
path.AddArc(arcRect, 270, 90);

// 右下角
arcRect.Y = rect.Bottom - diameter;
path.AddArc(arcRect, 0, 90);

// 左下角
arcRect.X = rect.Left;
path.AddArc(arcRect, 90, 90);
path.CloseFigure();

//画边框
g.DrawPath(LinePen, path);
}
else
{
base.OnRenderToolStripBorder(e);
}
}

7.当菜单上存在多级目录时，会显示相应的小箭头，想修改，请重写如下函数

  

protected override void OnRenderArrow(ToolStripArrowRenderEventArgs e)
{
e.ArrowColor = menu_color;
base.OnRenderArrow(e);
}

8.重写子菜单的渲染函数，如下所示

  

protected override void OnRenderMenuItemBackground(ToolStripItemRenderEventArgs e)
{
Graphics g = e.Graphics;
ToolStripItem item = e.Item;
ToolStrip tsType = e.ToolStrip;

g.SmoothingMode = SmoothingMode.HighQuality;

//渲染顶级项
if (tsType is MenuStrip)
{
if (e.Item.Selected)
{
Pen LinesPen = new Pen(Color.FromArgb(205, 226, 252));
Point[] LinePoint = { new Point(0, 2),
new Point(item.Size.Width - 1, 2),
new Point(item.Size.Width - 1, item.Size.Height - 3),
new Point(0, item.Size.Height - 3),
new Point(0, 2)};
g.DrawLines(LinesPen, LinePoint);

SolidBrush brush = new SolidBrush(Color.FromArgb(197, 228, 253));
Rectangle rect = new Rectangle(0, 2, item.Size.Width - 1, item.Size.Height - 5);
g.FillRectangle(brush, rect);
}
if (item.Pressed)
{
Pen LinesPen = new Pen(Color.FromArgb(197, 228, 253));
Point[] LinePoint = { new Point(0, 2),
new Point(item.Size.Width - 1, 2),
new Point(item.Size.Width - 1, item.Size.Height - 3),
new Point(0, item.Size.Height - 3),
new Point(0, 2)};
g.DrawLines(LinesPen, LinePoint);
}
}
//渲染下拉项
else if (tsType is ToolStripDropDown)
{
g.SmoothingMode = SmoothingMode.HighQuality;
LinearGradientBrush lgbrush = new LinearGradientBrush(new Point(0, 0), new Point(item.Width, 0), Color.FromArgb(200, menu_color), Color.FromArgb(0, Color.White));
if (item.Selected)
{
GraphicsPath gp = GetRoundedRectPath(new Rectangle(0, 0, item.Width, item.Height), 10);
g.FillPath(lgbrush, gp);
}
}
else
{
base.OnRenderMenuItemBackground(e);
}
}

9.重写菜单上分割线的函数，如下所示

  

protected override void OnRenderSeparator(ToolStripSeparatorRenderEventArgs e)
{
Graphics g = e.Graphics;

ToolStrip tsType = e.ToolStrip;

if ( tsType is ToolStripDropDown)
{
LinearGradientBrush lgbrush = new LinearGradientBrush(new Point(0, 0),
new Point(e.Item.Width, 0),
separator_color,
Color.FromArgb(0, separator_color));
g.FillRectangle(lgbrush, new Rectangle(33, e.Item.Height / 2, e.Item.Width / 4 * 3, 1));
}
}

10.重写菜单上左边放置图片的区域，如下所示

  

protected override void OnRenderImageMargin(ToolStripRenderEventArgs e)
{
//base.OnRenderImageMargin(e);
//屏蔽掉左边图片竖条

Graphics g = e.Graphics;
g.SmoothingMode = SmoothingMode.HighQuality;
Rectangle image_rect = e.AffectedBounds;

//SolidBrush brush = new SolidBrush(image_color);
LinearGradientBrush lgbrush = new LinearGradientBrush(new Point(0, 0),
new Point(image_rect.Width, 0),
Color.FromArgb(200, image_color),
Color.FromArgb(0, Color.White));
Rectangle rect = new Rectangle(0, 0, image_rect.Width, image_rect.Height);
g.FillRectangle(lgbrush, rect);
}

11.重写绘制工具栏上BUTTON按钮背景色的函数，如下所示

  

protected override void OnRenderButtonBackground(ToolStripItemRenderEventArgs e)
{
Graphics g = e.Graphics;
g.SmoothingMode = SmoothingMode.HighQuality;
ToolStripItem item = e.Item;

if (item.Selected)
{
Pen LinesPen = new Pen(Color.FromArgb(205, 226, 252));
Point[] LinePoint = { new Point(0, 2),
new Point(item.Size.Width - 1, 2),
new Point(item.Size.Width - 1, item.Size.Height - 3),
new Point(0, item.Size.Height - 3),
new Point(0, 2)};
g.DrawLines(LinesPen, LinePoint);

SolidBrush brush = new SolidBrush(Color.FromArgb(197, 228, 253));
Rectangle rect = new Rectangle(0, 2, item.Size.Width - 1, item.Size.Height - 5);
g.FillRectangle(brush, rect);
}
else
{
base.OnRenderMenuItemBackground(e);
}
}

12.另在代码上加入以下函数

  

public static GraphicsPath GetRoundedRectPath(Rectangle rect, int radius)
{
int diameter = radius;
Rectangle arcRect = new Rectangle(rect.Location, new Size(diameter, diameter));
GraphicsPath path = new GraphicsPath();

// 左上角
path.AddArc(arcRect, 180, 90);

// 右上角
arcRect.X = rect.Right - diameter;
path.AddArc(arcRect, 270, 90);

// 右下角
arcRect.Y = rect.Bottom - diameter;
path.AddArc(arcRect, 0, 90);

// 左下角
arcRect.X = rect.Left;
path.AddArc(arcRect, 90, 90);
path.CloseFigure();

return path;
}

 

到此为止，已经写好了菜单与工具栏的渲染类，下面就是如何调用了

1.菜单栏的调用

  

class CustomMenuStrip : MenuStrip
{
private Color menu_Color = Color.Gray;
private Color image_Color = Color.Gray;
private Color separator_color = Color.Gray;

public CustomMenuStrip()
{
this.Renderer = new CustomProfessionalRenderer(menu_Color, image_Color, separator_color);
}

public void SetColor(Color mColor, Color iColor, Color sColor)
{
menu_Color = mColor;
image_Color = iColor;
separator_color = sColor;
this.Renderer = new CustomProfessionalRenderer(menu_Color, image_Color, separator_color);
}
}

2.工具栏的调用

  

class CunstomToolStrip : ToolStrip
{
private Color _themeColor = Color.Gray;

public CunstomToolStrip()
{
this.Renderer = new CustomProfessionalRenderer(_themeColor);
}

public Color ThemeColor
{
get { return _themeColor; }
set
{
_themeColor = value;
this.Renderer = new CustomProfessionalRenderer(_themeColor);
}
}
}

 

 按照上述方式使用之后,大家可以看到如下的菜单/工具栏界面



怎么样,效果还不错吧?