[C# 开发技巧]实现属于本身的截图工具
1、引言
以前一直都是写一些C#基础知识的内容的，然而有些初学者可能看完了这些基础知识以后，会有这样一个疑惑的——我了解了这些基础知识以后，我想作一些工具怎么仍是不会作的呢？那些基础知识到底有什么用的了？然而我刚开始写这个系列的初衷主要是我想系统地去研究下C#各个阶段的特性的，及时有些特性我知道它是怎么用的，可是每次遇到问题的时候确实百度能够能够解决不少问题，可是本身老是以为有点“虚”，然而经过写完这个系列以后，我不少知识点均可以串起来了，能够作到一个触类旁通的一个效果的，当我遇到实际问题的也不可能彻底本身写出来，一样也会百度找解决方案，可是此时我却没有 “虚”的感受，由于我知道这个东西，而且我也知道如何正确的百度这个问题。因此对于基础知识的学习仍是颇有必要的，由于系统学完以后，你能够更好地找到你遇到问题的答案，由于我有时候会看到一些朋友在QQ群中提到，遇到某个问题都不知道百度什么的，然而系统地学习基础彻底能够帮助你快速地百度，（其实找答案也是一种能力），然而对于第一个疑惑的解答就是——系统学习完，确实刚开始的确开发工具不会作，可是实际写代码是很简单，而且如今大部分应用你百度下均可以找到的，因此代码并非问题，主要是解决问题的思路，而且实际工具的开发也是对一个基础知识的巩固，从而对问题达到一个触类旁通的效果。html
上面说了这么多的（可能说的有点多），主要是让你们明白，系统学习C#基础知识是颇有必要的，系统学习完C#基础知识以后就是代码量的积累了，也就是本身作一些小工具，积累到必定代码量以后，就能够尝试写写一些大的项目或开源项目等，因此在后面的系列中将会分享一些具体工具的开发，同时这也是我本身的一个学习的计划，这里分享给你们但愿对一些迷茫的朋友有所帮助。若是你如今尚未明确或更好地目标，而且也是从事.NET工做或学习的朋友，那就和我一块儿静下心来学编程，下面是个人一个学习方向图（可能多少有点误差，相信大体意图你们能够明白）：编程
2、实现思路
啰嗦了这么多，下面就具体介绍下实现截图工具的实现思路。c#
为了让你们更清楚地知道如何去实现本身的截图工具，首先我来描述下截图的一个过程——咱们使用QQ的截图工具和Windows 自带的截图工具均可以发现，当咱们点击QQ窗体中的截图按钮时，此时咱们将看到一个全屏图片，而后咱们能够在其上截图,当鼠标左键按下时，即表明开始截图，并咱们能够移动鼠标来改变截图的大小，鼠标弹起时即表明结束截图，此时咱们能够双击矩形区域彻底截图，而且能够经过粘贴操做把截取的图片粘贴到聊天窗口的发送区，鼠标右键点击则是退出截图。这样咱们截图的过程描述就是这样的，从这个描述中咱们就能够抽象出实现咱们截图工具的思路来：windows
从 “此时咱们将看到一个全屏图片”这句话描述咱们应该抽象为——对于QQ截图工具的实现来讲，咱们看到的这个全屏图片其实并非一张“图片”(这里最好不要钻空子)，而是一个窗体，这个窗体咱们命名为 “截图窗体”，只是把窗体的背景图片设置为全屏图片。说到这里，一些没有研究过QQ截图工具的人开始有疑问了——咱们看到的是窗体？那为何边框的，即没有最大化按钮，最下化按钮的呢？（对于这点的解释就是，程序中能够设置Form的BorderStyle属性为none的方式来隐藏掉边框）。ide
既然要设置窗体的背景图片为全屏图片，咱们知道设置背景图片只须要设置窗体的BackgroundImage属性就行了，可是全屏图片怎么获取呢？既然是全屏图片，天然我就应该使窗体最大化话了，否则咱们看到只是一个没有边框的“小图片”了，而不是一个全屏的图片。下面是具体实现这个分析的代码：函数
// 经过Graphics的CopyFromScreen方法把全屏图片的拷贝到咱们定义好的一个和屏幕大小相同的空白图片中，
// 拷贝完成以后，CatchBmp就是全屏图片的拷贝了，而后指定为截图窗体背景图片就行了。
// 新建一个和屏幕大小相同的图片
Bitmap CatchBmp = new Bitmap(Screen.AllScreens[0].Bounds.Width, Screen.AllScreens[0].Bounds.Height);
// 建立一个画板，让咱们能够在画板上画图
// 这个画板也就是和屏幕大小同样大的图片
// 咱们能够经过Graphics这个类在这个空白图片上画图
Graphics g = Graphics.FromImage(CatchBmp);
// 把屏幕图片拷贝到咱们建立的空白图片 CatchBmp中
g.CopyFromScreen(new Point(0, 0), new Point(0, 0), new Size(Screen.AllScreens[0].Bounds.Width, Screen.AllScreens[0].Bounds.Height));
// 建立截图窗体
cutter = new Cutter();
// 指示窗体的背景图片为屏幕图片
cutter.BackgroundImage = CatchBmp;
3. 从 “而后咱们能够在其上截图”这句话中咱们抽象为——其实咱们截图操做，从程序角度来讲就是咱们在这个最大化的窗体中画图，可能这个对一些不了解GDI+画图的朋友有些难理解，这里作个比喻——咱们会拿笔在纸上画图，咱们能够用比画三角形，矩形已经各类图形，此时纸就是咱们一个画板，笔是用来画图图形的，同时笔也是有颜色和粗细的，咱们能够用红色水笔画，画出来的图就是红色的了，也能够用黑色水笔画，天然画出来的就是黑色的了，一样，在GDI+也就是Graphics Device Interface Plus也就是图形设备接口，在.NET 中也提供了一些这样的类来让咱们实现对图像的访问，也就是咱们可使用.NET中提供的类来进行 “画画”，要画画固然必需要有画板吧（咱们开始比喻中纸就是画板）,在.NET 类中Graphics类就是对画板的抽象，画板能够由三种方式建立：（1）从图片或继承自图像对象中建立；（2）从窗体或控件的Paint事件中建立；（3）利用窗体或控件的CreateGraphics方法建立。有了画板以后，固然就须要笔来画画了，在.NET 中Pen类就是起到笔的做用，在构造函数中能够指定笔的颜色和粗细，有了笔以后就是开始画图了，在.NET中也一样提供了一些方法来完成画图，如DrawRectangle方法——画矩形工具
4. 从 “当鼠标左键按下时，即表明开始截图，并咱们能够移动鼠标来改变截图的大小，鼠标弹起时即表明结束截图，此时咱们能够双击矩形区域彻底截图，而且能够经过粘贴操做把截取的图片粘贴到聊天窗口的发送区，鼠标右键点击则是退出截图”这些描述中能够抽象为——鼠标的移动，按下，弹起等操做，在程序角度来讲，也就是实现截图窗体的MouseMove事件（对应于鼠标移动），MouseDown事件（对应于鼠标左键按下），MouseClick事件（对应于鼠标右键结束截图）、MouseUp(对应于鼠标弹起结束截图)和MouseDoubleClick(鼠标双击矩形区域彻底截图，并能够经过粘贴操做把截取的图片粘贴到聊天窗口的发送区，既然能够进行粘贴操做来得到截取图片，因此必须在该事件中对剪切板设置截图图片)，3和4的分析过程也是截图功能的核心实现，对应于下面的代码（代码中有详细解释，而且你们理解的时候能够结合3和4的分析）：学习
/// <summary>
/// 鼠标右键点击结束截图
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Cutter_MouseClick(object sender, MouseEventArgs e)
{
if (e.Button == MouseButtons.Right)
{
this.DialogResult = DialogResult.OK;
this.Close();
}
}
/// <summary>
/// 鼠标按下事件处理程序
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Cutter_MouseDown(object sender, MouseEventArgs e)
{
// 鼠标左键按下是开始画图，也就是截图
if (e.Button == MouseButtons.Left)
{
// 若是捕捉没有开始
if (!CatchStart)
{
CatchStart = true;
// 保存此时鼠标按下坐标
DownPoint = new Point(e.X, e.Y);
}
}
}
/// <summary>
/// 鼠标移动事件处理程序，即用户改变截图大小的处理
/// 这个方法是截图功能的核心方法，也就是绘制截图
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Cutter_MouseMove(object sender, MouseEventArgs e)
{
// 确保截图开始
if (CatchStart)
{
// 新建一个图片对象，让它与屏幕图片相同
Bitmap copyBmp = (Bitmap)originBmp.Clone();
// 获取鼠标按下的坐标
Point newPoint = new Point(DownPoint.X, DownPoint.Y);
// 新建画板和画笔
Graphics g = Graphics.FromImage(copyBmp);
Pen p = new Pen(Color.Red, 1);
// 获取矩形的长宽
int width = Math.Abs(e.X - DownPoint.X);
int height = Math.Abs(e.Y-DownPoint.Y);
if (e.X < DownPoint.X)
{
newPoint.X = e.X;
}
if (e.Y < DownPoint.Y)
{
newPoint.Y = e.Y;
}
CatchRectangle = new Rectangle(newPoint, new Size(width,height));
// 将矩形画在画板上
g.DrawRectangle(p, CatchRectangle);
// 释放目前的画板
g.Dispose();
p.Dispose();
// 从当前窗体建立新的画板
Graphics g1 = this.CreateGraphics();
// 将刚才所画的图片画到截图窗体上
// 为何不直接在当前窗体画图呢？
// 若是本身解决将矩形画在窗体上，会形成图片抖动而且有无数个矩形
// 这样实现也属于二次缓冲技术
g1.DrawImage(copyBmp, new Point(0, 0));
g1.Dispose();
// 释放拷贝图片，防止内存被大量消耗
copyBmp.Dispose();
}
}
/// <summary>
/// 鼠标左键弹起事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Cutter_MouseUp(object sender, MouseEventArgs e)
{
if (e.Button == MouseButtons.Left)
{
// 若是截图已经开始，鼠标左键弹起设置截图完成
if (CatchStart)
{
CatchStart = false;
CatchFinished = true;
}
}
}
/// <summary>
/// 鼠标双击事件，若是鼠标位于矩形内,则将矩形内的图片保存到剪切板中
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Cutter_MouseDoubleClick(object sender, MouseEventArgs e)
{
if (e.Button == MouseButtons.Left && CatchFinished)
{
// 新建一个与矩形同样大小的空白图片
Bitmap CatchedBmp = new Bitmap(CatchRectangle.Width, CatchRectangle.Height);
Graphics g = Graphics.FromImage(CatchedBmp);
// 把originBmp中指定部分按照指定大小画到空白图片上
// CatchRectangle指定originBmp中指定部分
// 第二个参数指定绘制到空白图片的位置和大小
// 画完后CatchedBmp再也不是空白图片了，而是具备与截取的图片同样的内容
g.DrawImage(originBmp, new Rectangle(0, 0, CatchRectangle.Width, CatchRectangle.Height), CatchRectangle, GraphicsUnit.Pixel);
// 将图片保存到剪切板中
Clipboard.SetImage(CatchedBmp);
g.Dispose();
CatchFinished = false;
this.BackgroundImage = originBmp;
CatchedBmp.Dispose();
this.DialogResult = DialogResult.OK;
this.Close();
}
}
5 到第4点为止，截图的功能已经分析完了，以后就是当咱们使用QQ截图的时候，咱们除了能够点击聊天窗口中的截图按钮来进行截图外，还能够经过按下Alt+Ctrl+A来进行截图，要实现这个功能的思路也很简单——即当聊天窗体加载的时候对热键（程序中我定义的热键是“Alt+Ctrl+C”）进行注册（此时调用了Win32中RegisterHotKey方法来完成热键的注册），当聊天窗体关闭时进行对热键的卸载，防止对热键进行屡次注册，此时调用Win32中的UnregisterHotKey方法来完成，具体的实现代码为：开发工具
/// <summary>
/// 窗体加载事件处理
/// 在窗体加载时注册热键
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void 聊天窗体_Load(object sender, EventArgs e)
{
uint ctrlHotKey = (uint)(KeyModifiers.Alt|KeyModifiers.Ctrl);
// 注册热键为Alt+Ctrl+C, "100"为惟一标识热键
HotKey.RegisterHotKey(Handle, 100, ctrlHotKey, Keys.C);
}
/// <summary>
/// 窗体关闭时处理程序
/// 窗体关闭时取消热键注册
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void 聊天窗体_FormClosing(object sender, FormClosingEventArgs e)
{
// 卸载热键
HotKey.UnregisterHotKey(Handle, 100);
}
#endregion
// 热键按下执行的方法
private void GlobalKeyProcess()
{
this.WindowState = FormWindowState.Minimized;
// 窗口最小化也须要必定时间
Thread.Sleep(200);
btnCutter.PerformClick();
}
/// <summary>
/// 重写WndProc()方法，经过监视系统消息，来调用过程
/// 监视Windows消息
/// </summary>
/// <param name="m"></param>
protected override void WndProc(ref Message m)
{
//若是m.Msg的值为0x0312那么表示用户按下了热键
const int WM_HOTKEY = 0x0312;
switch (m.Msg)
{
case WM_HOTKEY:
if (m.WParam.ToString() == "100")
{
GlobalKeyProcess();
}
break;
}
// 将系统消息传递自父类的WndProc
base.WndProc(ref m);
}
3、实现效果
上面已经介绍了实现QQ截图的一个思路的，朋友们是否是火烧眉毛想看看该程序的一个效果了？下面就经过一个动画来让你们更形象地看到程序的运行效果的：动画
4、总结
到这里QQ截图的介绍部分就到这里了，本工具的实现自认为讲解的很是通俗易懂的，但愿你们能够这样以为而且能够更清晰地明白QQ截图的实现思路的，下面附上本专题的全部源码和一个高仿QQ截图的文章：
本专题源码：http://files.cnblogs.com/zhili/QQ%E6%88%AA%E5%9B%BE%E5%B7%A5%E5%85%B7.zip
高仿腾讯QQ实现：http://blog.csdn.net/crystal_lz/article/details/8274277
- 1. [C# 开发技巧]实现属于自己的截图工具
- 2. 本身整理的C#开发工具
- 3. C# WinForm 技巧十: 开发工具
- 4. 本身写了个截图工具
- 5. [Oracle]利用开源工具实现本身的TPC-C
- 6. 开发属于本身的cordova插件
- 7. Chrome开发者工具的小技巧
- 8. 基于Swing实现的截屏工具
- 9. 基于Eclipse+GUI+Swing开发得屏幕截图工具的设计与实现
- 10. 【CHROME开发者工具的小技巧】
- 更多相关文章...
- • Markdown 高级技巧 - Markdown 教程
- • jQuery Mobile 工具栏 - jQuery Mobile 教程
- • PHP开发工具
- • ☆基于Java Instrument的Agent实现
-
每一个你不满意的现在，都有一个你没有努力的曾经。