C#软件开发实例.私人订制自己的屏幕截图工具（十一）编辑工具栏的实现
本实例全部文章目录
（一）功能概览
（二）创建项目、注册热键、显示截图主窗口
（三）托盘图标及菜单的实现
（四）基本截图功能实现
（五）针对拖拽时闪烁卡顿现象的优化
（六）添加配置管理功能
（七）添加放大镜的功能
（八）添加键盘操作截图的功能
（九）使用自定义光标，QQ截图时的光标
（十）在截图中包含鼠标指针形状
概述
截图之后，有时我们需要对其进行标注、修改等功能，这里就讲一下编辑工具栏的实现。
效果
资源
大概思路
工具栏的图片包含正常的状态和选中的状态，绘制的时候根据状态取对应位置的图片进行绘制；
事件方法
需要响应几个事件：
选取截图区域结束，显示工具栏；
鼠标在工具栏上移动时，设置按钮的焦点状态；
鼠标在工具栏上按下时，
设置按钮的焦点状态；
界面元素
我这里使用Label控件显示工具栏；
使用Panel控件显示工具的设置项及调色板；
相关代码
初始化工具栏
///
/// 窗口加载事件处理程序
///
///
///
private void Form1_Load(object sender, EventArgs e)
{
this.lbl_ToolBox.Size = new Size(Properties.Resources.ToolsBox.Size.Width, 26);//设置大小
this.lbl_ToolBox.Visible = false;//默认不显示
}
显示工具栏
///
/// 截图窗口鼠标抬起事件处理程序
///
///
///
private void Form1_MouseUp(object sender, MouseEventArgs e)
{
if (e.Button == MouseButtons.Left)
{
if (this.isCuting)
{
this.isCuting = false;
//如果自动发现窗口的区域不为空，则说明用户选择的是自动发现窗口的区域
if (!rect_WindowFromPoint.IsEmpty)
{
SaveCutImageSize(rect_WindowFromPoint.Location, new Point(rect_WindowFromPoint.Right - 1, rect_WindowFromPoint.Bottom -1));
}
if (this.ToolBoxVisible)
{
this.lbl_ToolBox.Show();
//向工具栏发送鼠标按下和抬起事件，设置默认进入矩形编辑状态
MouseEventArgs arg = new MouseEventArgs(MouseButtons.Left, 1, 15, 15, 0);
this.lbl_ToolBox_MouseDown(this.lbl_ToolBox, arg);
this.lbl_ToolBox_MouseUp(this.lbl_ToolBox, arg);
}
this.pictureBox_zoom.Hide();
this.lastMouseMoveTime = 0;
UpdateCutInfoLabel(UpdateUIMode.None);
}
}
} ///
/// 工具栏按钮的宽度
///
private int[] toolBoxsWidth = new int[] { 22, 22, 22, 22, 22, 22, 22, 22, 35, 22, 54 };
///
/// 工具样式按钮的左侧边距
///
private int[] toolBoxsLeft = new int[] { 7, 33, 59, 85, 111, 137, 171, 197, 223, 268, 294 };
///
/// 工具栏按钮提示信息
///
private string[] toolBoxsTip = new string[] { "矩形工具", "椭圆工具", "箭头工具", "画刷工具", "文字工具", "提示工具", "撤消编辑", "保存截图", "上传截图", "退出截图", "完成截图" };
///
/// 工具栏绘制事件处理程序
///
///
///
private void lbl_ToolBox_Paint(object sender, PaintEventArgs e)
{
Bitmap bmp_lbl = new Bitmap(e.ClipRectangle.Width, e.ClipRectangle.Height);
Graphics g = Graphics.FromImage(bmp_lbl);
g.DrawImage(Properties.Resources.ToolsBox, e.ClipRectangle, e.ClipRectangle, GraphicsUnit.Pixel);
bool tipFlag = false;
for (int i = 0; i < toolBoxsLeft.Length; i++)
{
Rectangle fcs_Rect = new Rectangle(toolBoxsLeft[i], 3, toolBoxsWidth[i], toolHeight);
Rectangle sld_Rect = new Rectangle(toolBoxsLeft[i], 29, toolBoxsWidth[i], toolHeight);
if (fcs_Rect.Contains(this.mouseDownToolBoxLocation))
{
g.DrawImage(Properties.Resources.ToolsBox, fcs_Rect, sld_Rect, GraphicsUnit.Pixel);
}
else
{
if (fcs_Rect.Contains(this.mouseInToolBoxLocation))
{
g.DrawImage(Properties.Resources.ToolsBox, fcs_Rect, sld_Rect, GraphicsUnit.Pixel);
}
}
//如果选中的是矩形工具，则根据子类型绘制按钮的图标
if (i == 0)
{
Rectangle src_Rect = new Rectangle(0, 0, 22, 20);
//绘制工具按钮的背景
if (fcs_Rect.Contains(this.mouseDownToolBoxLocation))
{
g.DrawImage(Properties.Resources.ToolBox_Selected, fcs_Rect, src_Rect, GraphicsUnit.Pixel);
}
else
{
if (fcs_Rect.Contains(this.mouseInToolBoxLocation))
{
g.DrawImage(Properties.Resources.ToolBox_Selected, fcs_Rect, src_Rect, GraphicsUnit.Pixel);
}
else
{
g.DrawImage(Properties.Resources.ToolBox_Normal, fcs_Rect, src_Rect, GraphicsUnit.Pixel);
}
}
Rectangle dst_Rect = new Rectangle(fcs_Rect.Left + 3, fcs_Rect.Top + 2, 16, 16);
src_Rect = new Rectangle(0, 0, 16, 16);
//根据子类型绘制按钮的图标
switch (this.imageSubEditMode)
{
case ImageSubEditMode.Rectangle:
g.DrawImage(Properties.Resources.Icon_Rectangle, dst_Rect, src_Rect, GraphicsUnit.Pixel);
break;
case ImageSubEditMode.CircularRectangle:
g.DrawImage(Properties.Resources.Icon_Circular, dst_Rect, src_Rect, GraphicsUnit.Pixel);
break; ;
case ImageSubEditMode.Ellipse:
g.DrawImage(Properties.Resources.Icon_Ellipse, dst_Rect, src_Rect, GraphicsUnit.Pixel);
break;
case ImageSubEditMode.Arrowhead:
g.DrawImage(Properties.Resources.Icon_Arrowhead, dst_Rect, src_Rect, GraphicsUnit.Pixel);
break;
default: break;
}
//绘制三角块
Rectangle dstRect_SanJiaoKuai = new Rectangle(fcs_Rect.Left + 15, fcs_Rect.Top + 15, 5, 3);
Rectangle srcRect_SanJiaoKuai = new Rectangle(0, 0, 5, 3);
g.DrawImage(Properties.Resources.SanJiaoKuai, dstRect_SanJiaoKuai, srcRect_SanJiaoKuai, GraphicsUnit.Pixel);
}
//==============================================================================================================
//如果选中的是提示工具，则根据子类型绘制按钮的图标
if (i == 5)
{
Rectangle src_Rect = new Rectangle(0, 0, 22, 20);
//绘制工具按钮的背景
if (fcs_Rect.Contains(this.mouseDownToolBoxLocation))
{
g.DrawImage(Properties.Resources.ToolBox_Selected, fcs_Rect, src_Rect, GraphicsUnit.Pixel);
}
else
{
if (fcs_Rect.Contains(this.mouseInToolBoxLocation))
{
g.DrawImage(Properties.Resources.ToolBox_Selected, fcs_Rect, src_Rect, GraphicsUnit.Pixel);
}
else
{
g.DrawImage(Properties.Resources.ToolBox_Normal, fcs_Rect, src_Rect, GraphicsUnit.Pixel);
}
}
Rectangle dst_Rect = new Rectangle(fcs_Rect.Left + 3, fcs_Rect.Top + 2, 16, 16);
src_Rect = new Rectangle(0, 0, 16, 16);
//根据子类型绘制按钮的图标
switch (this.imageSubEditMode)
{
case ImageSubEditMode.Rectangle:
g.DrawImage(Properties.Resources.Icon_ToolTips, dst_Rect, src_Rect, GraphicsUnit.Pixel);
break;
case ImageSubEditMode.CircularRectangle:
g.DrawImage(Properties.Resources.Icon_ToolTips, dst_Rect, src_Rect, GraphicsUnit.Pixel);
break; ;
case ImageSubEditMode.Ellipse:
g.DrawImage(Properties.Resources.Icon_ToolTips, dst_Rect, src_Rect, GraphicsUnit.Pixel);
break;
case ImageSubEditMode.Arrowhead:
g.DrawImage(Properties.Resources.Icon_ToolTips, dst_Rect, src_Rect, GraphicsUnit.Pixel);
break;
default: break;
}
//绘制三角块
Rectangle dstRect_SanJiaoKuai = new Rectangle(fcs_Rect.Left + 15, fcs_Rect.Top + 15, 5, 3);
Rectangle srcRect_SanJiaoKuai = new Rectangle(0, 0, 5, 3);
g.DrawImage(Properties.Resources.SanJiaoKuai, dstRect_SanJiaoKuai, srcRect_SanJiaoKuai, GraphicsUnit.Pixel);
}
//==============================================================================================================
if (fcs_Rect.Contains(this.mouseInToolBoxLocation))
{
this.toolTip1.SetToolTip(this.lbl_ToolBox, toolBoxsTip[i]);
tipFlag = true;
}
}
if (!tipFlag)
{
this.toolTip1.SetToolTip(this.lbl_ToolBox, "");
}
e.Graphics.DrawImage(bmp_lbl, 0, 0);
g.Dispose();
bmp_lbl.Dispose();
}小结
主要用到的技术：区域绘制，按钮多态，编辑状态；