winform实例(5)-截屏工具+保存_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > winform实例(5)-截屏工具+保存

winform实例(5)-截屏工具+保存

 2016/11/3 5:32:47  智博的日常  程序员俱乐部  我要评论(0)
  • 摘要:在看《LearninghardC#》的时候,看到开发技巧的实现截屏。于是,照着教程做了一遍。功能有:左键截屏,右键取消。左键双击保存到剪贴板上。界面预览:除了界面,还有代码结构。有时候看看代码结构,说不定你就有了思路。form1为程序主界面,Cutter为截屏是的窗口。还有教程讲的不错:从“此时我们将看到一个全屏图片”这句话描述我们应该抽象为——对于QQ截图工具的实现来说,我们看到的这个全屏图片其实并不是一张“图片”(这里最好不要钻空子),而是一个窗体,这个窗体我们命名为“截图窗体”
  • 标签:for 工具 实例 winform

在看《Learning hard C#》的时候,看到开发技巧的实现截屏。于是,照着教程做了一遍。

功能有:左键截屏,右键取消。左键双击保存到剪贴板上。

界面预览:

除了界面,还有代码结构。有时候看看代码结构,说不定你就有了思路。

form1为程序主界面,Cutter为截屏是的窗口。还有教程讲的不错:

  1. 从 “此时我们将看到一个全屏图片”这句话描述我们应该抽象为——对于QQ截图工具的实现来说,我们看到的这个全屏图片其实并不是一张“图片”(这里最好不要钻空子),而是一个窗体,这个窗体我们命名为 “截图窗体”,只是把窗体的背景图片设置为全屏图片。说到这里,一些没有研究过QQ截图工具的人开始有疑问了——我们看到的是窗体?那为什么边框的,即没有最大化按钮,最下化按钮的呢?(对于这点的解释就是,程序中可以设置Form的BorderStyle属性为none的方式来隐藏掉边框)。
  2. 既然要设置窗体的背景图片为全屏图片,我们知道设置背景图片只需要设置窗体的http://msdn.microsoft.com/zh-cn/library/system.windows.forms.control.backgroundimage(v=VS.80).aspx">BackgroundImage属性就好了,但是全屏图片怎么获取呢?既然是全屏图片,自然我就应该使窗体最大化话了,不然我们看到只是一个没有边框的“小图片”了,而不是一个全屏的图片。

简略点就是:FormBorderStyle---none和BackgroundImage设置为全屏。

                还有就是Cutter窗体最大化属性为设置WindowsState--Max;

操作过程:

1.创建两个窗体应用程序。一个为主界面,一个为截屏界面。

2.截屏按钮代码:

class="code_img_closed" src="/Upload/Images/2016110305/0015B68B3C38AA5B.gif" alt="">
 1 private void btn_Scre_Click(object sender, EventArgs e)
 2         {
 3             // 新建一个和屏幕大小相同的图片
 4             Bitmap CatchBmp = new Bitmap(Screen.AllScreens[0].Bounds.Width, Screen.AllScreens[0].Bounds.Height);
 5 
 6             // 创建一个画板,让我们可以在画板上画图
 7             // 这个画板也就是和屏幕大小一样大的图片
 8             // 我们可以通过Graphics这个类在这个空白图片上画图
 9             Graphics g = Graphics.FromImage(CatchBmp);
10 
11             // 把屏幕图片拷贝到我们创建的空白图片 CatchBmp中
12             g.CopyFromScreen(new Point(0, 0), new Point(0, 0), new Size(Screen.AllScreens[0].Bounds.Width, Screen.AllScreens[0].Bounds.Height));
13 
14             // 创建截图窗体
15             cutter = new Cutter();
16 
17             // 指示窗体的背景图片为屏幕图片
18             cutter.BackgroundImage = CatchBmp;
19             // 显示窗体
20             //cutter.Show();
21             // 如果Cutter窗体结束,则从剪切板获得截取的图片,并显示在聊天窗体的发送框中
22             if (cutter.ShowDialog() == DialogResult.OK)
23             {
24                 IDataObject iData = Clipboard.GetDataObject();
25 
26                 if (iData.GetDataPresent(DataFormats.Bitmap))
27                 {
28                     richTextBox1.Paste();
29 
30                     // 清楚剪贴板的图片
31                     Clipboard.Clear();
32                 }
33             }
34         }
logs_code_collapse">View Code

这样就转到Cutter窗体,也就是我们操作的截屏窗口。

3.Cutter窗体:

先谈一下截图过程:

当我们点击QQ窗体中的截图按钮时,此时我们将看到一个全屏图片,然后我们可以在其上截图,当鼠标左键按下时,即代表开始截图,并我们可以移动鼠标来改变截图的大小,鼠标弹起时即代表结束截图,此时我们可以双击矩形区域完全截图,并且可以通过粘贴操作把截取的图片粘贴到聊天窗口的发送区,鼠标右键点击则是退出截图。

有按下,弹起,点击,双击事件。

代码详解:

  1 using System;
  2 using System.Collections.Generic;
  3 using System.ComponentModel;
  4 using System.Data;
  5 using System.Drawing;
  6 using System.Linq;
  7 using System.Text;
  8 using System.Threading.Tasks;
  9 using System.Windows.Forms;
 10 
 11 namespace Screenshot
 12 {
 13     public partial class Cutter : Form
 14     {
 15         public Cutter()
 16         {
 17             InitializeComponent();
 18         }
 19         #region 定义程序变量
 20         // 定义变量
 21 
 22         // 用来记录鼠标按下的坐标,用来确定绘图起点
 23         private Point DownPoint;
 24 
 25         // 用来表示是否截图完成
 26         private bool CatchFinished = false;
 27 
 28         // 用来表示截图开始
 29         private bool CatchStart = false;
 30 
 31         // 用来保存原始图像
 32         private Bitmap originBmp;
 33 
 34         // 用来保存截图的矩形
 35         private Rectangle CatchRectangle;
 36         #endregion
 37 
 38 
 39         /// <summary>
 40         /// 窗体初始化操作
 41         /// </summary>
 42         /// <param name="sender"></param>
 43         /// <param name="e"></param>
 44         private void Cutter_Load(object sender, EventArgs e)
 45         {
 46             // 设置控件样式为双缓冲,这样可以有效减少图片闪烁的问题
 47             // 第二个参数为true表示把第一个参数指定的样式应用于控件;false 表示不应用。
 48             // '|'表示位逻辑或运算
 49             this.SetStyle(ControlStyles.OptimizedDoubleBuffer | ControlStyles.AllPaintingInWmPaint | ControlStyles.UserPaint, true);
 50             this.UpdateStyles();
 51             // 改变鼠标样式
 52             this.Cursor = Cursors.Cross;
 53             // 保存全屏图片
 54             originBmp = new Bitmap(this.BackgroundImage);
 55         }
 56         /// <summary>
 57         /// 右键点击退出
 58         /// </summary>
 59         /// <param name="sender"></param>
 60         /// <param name="e"></param>
 61         private void Cutter_MouseClick(object sender, MouseEventArgs e)
 62         {
 63             if (e.Button == MouseButtons.Right)
 64             {
 65                 this.DialogResult = DialogResult.OK;
 66                 this.Close();
 67             }
 68         }
 69         /// <summary>
 70         /// 左键按下开始截屏
 71         /// </summary>
 72         /// <param name="sender"></param>
 73         /// <param name="e"></param>
 74         private void Cutter_MouseDown(object sender, MouseEventArgs e)
 75         {
 76             // 鼠标左键按下是开始画图,也就是截图
 77             if (e.Button == MouseButtons.Left)
 78             {
 79                 // 如果捕捉没有开始
 80                 if (!CatchStart)
 81                 {
 82                     CatchStart = true;
 83                     // 保存此时鼠标按下坐标
 84                     DownPoint = new Point(e.X, e.Y);
 85                 }
 86             }
 87         }
 88         /// <summary>
 89         /// 左键双击保存到剪贴板
 90         /// </summary>
 91         /// <param name="sender"></param>
 92         /// <param name="e"></param>
 93         private void Cutter_MouseDoubleClick(object sender, MouseEventArgs e)
 94         {
 95             if (e.Button == MouseButtons.Left && CatchFinished)
 96             {
 97                 // 新建一个与矩形一样大小的空白图片
 98                 Bitmap CatchedBmp = new Bitmap(CatchRectangle.Width, CatchRectangle.Height);
 99 
100                 Graphics g = Graphics.FromImage(CatchedBmp);
101 
102                 // 把originBmp中指定部分按照指定大小画到空白图片上
103                 // CatchRectangle指定originBmp中指定部分
104                 // 第二个参数指定绘制到空白图片的位置和大小
105                 // 画完后CatchedBmp不再是空白图片了,而是具有与截取的图片一样的内容
106                 g.DrawImage(originBmp, new Rectangle(0, 0, CatchRectangle.Width, CatchRectangle.Height), CatchRectangle, GraphicsUnit.Pixel);
107 
108                 // 将图片保存到剪切板中
109                 Clipboard.SetImage(CatchedBmp);
110                 g.Dispose();
111                 CatchFinished = false;
112                 this.BackgroundImage = originBmp;
113                 CatchedBmp.Dispose();
114                 this.DialogResult = DialogResult.OK;
115                 this.Close();
116             }
117         }
118         /// <summary>
119         /// 鼠标移动事件处理程序,即用户改变截图大小的处理
120         ///  这个方法是截图功能的核心方法,也就是绘制截图
121         /// </summary>
122         /// <param name="sender"></param>
123         /// <param name="e"></param>
124         private void Cutter_MouseMove(object sender, MouseEventArgs e)
125         {
126             // 确保截图开始
127             if (CatchStart)
128             {
129                 // 新建一个图片对象,让它与屏幕图片相同
130                 Bitmap copyBmp = (Bitmap)originBmp.Clone();
131 
132                 // 获取鼠标按下的坐标
133                 Point newPoint = new Point(DownPoint.X, DownPoint.Y);
134 
135                 // 新建画板和画笔
136                 Graphics g = Graphics.FromImage(copyBmp);
137                 Pen p = new Pen(Color.Red, 1);
138 
139                 // 获取矩形的长宽
140                 int width = Math.Abs(e.X - DownPoint.X);
141                 int height = Math.Abs(e.Y - DownPoint.Y);
142                 if (e.X < DownPoint.X)
143                 {
144                     newPoint.X = e.X;
145                 }
146                 if (e.Y < DownPoint.Y)
147                 {
148                     newPoint.Y = e.Y;
149                 }
150 
151                 CatchRectangle = new Rectangle(newPoint, new Size(width, height));
152 
153                 // 将矩形画在画板上
154                 g.DrawRectangle(p, CatchRectangle);
155 
156                 // 释放目前的画板
157                 g.Dispose();
158                 p.Dispose();
159                 // 从当前窗体创建新的画板
160                 Graphics g1 = this.CreateGraphics();
161 
162                 // 将刚才所画的图片画到截图窗体上
163                 // 为什么不直接在当前窗体画图呢?
164                 // 如果自己解决将矩形画在窗体上,会造成图片抖动并且有无数个矩形
165                 // 这样实现也属于二次缓冲技术
166                 g1.DrawImage(copyBmp, new Point(0, 0));
167                 g1.Dispose();
168                 // 释放拷贝图片,防止内存被大量消耗
169                 copyBmp.Dispose();
170             }
171         }
172         /// <summary>
173         /// 左键弹起结束截屏
174         /// </summary>
175         /// <param name="sender"></param>
176         /// <param name="e"></param>
177         private void Cutter_MouseUp(object sender, MouseEventArgs e)
178         {
179             if (e.Button == MouseButtons.Left)
180             {
181                 // 如果截图已经开始,鼠标左键弹起设置截图完成
182                 if (CatchStart)
183                 {
184                     CatchStart = false;
185                     CatchFinished = true;
186                 }
187             }
188         }
189     }
190 }
View Code

到这里就已经实现了基本的截图功能。还有快捷键功能,就等后面再写。>_<!!

源码参考:Demo

 

上一篇: 代码规范若干 下一篇: 大的方向
发表评论
用户名: 匿名