深入c# GDI+简单绘图的具体操作步骤(三)
程序员文章站
2023-12-18 16:16:22
关于这个的例子其实网上已经有这方面的资料了,但是为了文章的完整性,还是觉得有必要讲解．我们先来看一下效果： &nb...
关于这个的例子其实网上已经有这方面的资料了,但是为了文章的完整性,还是觉得有必要讲解．
我们先来看一下效果：
（图（图1）
( 图2 )
接下来看看这是如何做到的.
思路:聊天窗体上有一个截图按钮,点击按钮后,程序将整个屏幕画在一个新的全屏窗体上,然后显示这个窗体.因为是全屏的窗体,并且隐藏了菜单栏、工具栏等,所以在我们看来就好像是一个桌面的截图,然后在这个新窗体上画矩形,最后保存矩形中的内容并显示在原来的聊天窗体中.
步骤:
a.新建一个窗体．命名为catch.然后设置这个窗体的formborderstyle为none,windowstate为maximized．
b.我们对代码进行编辑：
using system;
using system.collections.generic;
using system.componentmodel;
using system.data;
using system.drawing;
using system.text;
using system.windows.forms;
namespace client
{
public partial class catch : form
{
public catch()
{
initializecomponent();
}
用户变量#region 用户变量
private point downpoint = point.empty;//记录鼠标按下坐标，用来确定绘图起点
private bool catchfinished = false;//用来表示是否截图完成
private bool catchstart = false;//表示截图开始
private bitmap originbmp;//用来保存原始图像
private rectangle catchrect;//用来保存截图的矩形
#endregion
//窗体初始化操作
private void catch_load(object sender, eventargs e)
{
this.setstyle(controlstyles.optimizeddoublebuffer | controlstyles.allpaintinginwmpaint | controlstyles.userpaint, true);
this.updatestyles();
//以上两句是为了设置控件样式为双缓冲，这可以有效减少图片闪烁的问题，关于这个大家可以自己去搜索下
originbmp = new bitmap(this.backgroundimage);//backgroundimage为全屏图片，我们另用变量来保存全屏图片
}
//鼠标右键点击结束截图
private void catch_mouseclick(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.right)
{
this.dialogresult = dialogresult.ok;
this.close();
}
}
//鼠标左键按下时动作
private void catch_mousedown(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.left)
{
if (!catchstart)
{//如果捕捉没有开始
catchstart = true;
downpoint = new point(e.x, e.y);//保存鼠标按下坐标
}
}
}
private void catch_mousemove(object sender, mouseeventargs e)
{
if (catchstart)
{//如果捕捉开始
bitmap destbmp = (bitmap)originbmp.clone();//新建一个图片对象，并让它与原始图片相同
point newpoint = new point(downpoint.x, downpoint.y);//获取鼠标的坐标
graphics g = graphics.fromimage(destbmp);//在刚才新建的图片上新建一个画板
pen p = new pen(color.blue,1);
int width = math.abs(e.x - downpoint.x), 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;
}
catchrect = new rectangle(newpoint,new size(width,height));//保存矩形
g.drawrectangle(p,catchrect);//将矩形画在这个画板上
g.dispose();//释放目前的这个画板
p.dispose();
graphics g1 = this.creategraphics();//重新新建一个graphics类
//如果之前那个画板不释放，而直接g=this.creategraphics()这样的话无法释放掉第一次创建的g,因为只是把地址转到新的g了．如同string一样
g1 = this.creategraphics();//在整个全屏窗体上新建画板
g1.drawimage(destbmp,new point(0,0));//将刚才所画的图片画到这个窗体上
//这个也可以属于二次缓冲技术，如果直接将矩形画在窗体上，会造成图片抖动并且会有无数个矩形．
g1.dispose();
destbmp.dispose();//要及时释放，不然内存将会被大量消耗
}
}
private void catch_mouseup(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.left)
{
if (catchstart)
{
catchstart = false;
catchfinished = true;
}
}
}
//鼠标双击事件，如果鼠标位于矩形内，则将矩形内的图片保存到剪贴板中
private void catch_mousedoubleclick(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.left&&catchfinished)
{
if (catchrect.contains(new point(e.x, e.y)))
{
bitmap catchedbmp = new bitmap(catchrect.width, catchrect.height);//新建一个于矩形等大的空白图片
graphics g = graphics.fromimage(catchedbmp);
g.drawimage(originbmp, new rectangle(0, 0, catchrect.width, catchrect.height), catchrect, graphicsunit.pixel);
//把orginbmp中的指定部分按照指定大小画在画板上
clipboard.setimage(catchedbmp);//将图片保存到剪贴板
g.dispose();
catchfinished = false;
this.backgroundimage = originbmp;
catchedbmp.dispose();
this.dialogresult = dialogresult.ok;
this.close();
}
}
}
}
}
c.创建了catch窗体后，我们在截图按钮(位于聊天窗体上)上加入以下事件：
private void bcatch_click(object sender, eventargs e)
{
if (bcatch_hidecurrent.checked)
{
this.hide();//隐藏当前窗体
thread.sleep(50);//让线程睡眠一段时间，窗体消失需要一点时间
catch catchform = new catch();
bitmap catchbmp = new bitmap(screen.allscreens[0].bounds.width, screen.allscreens[0].bounds.height);//新建一个和屏幕大小相同的图片
graphics g = graphics.fromimage(catchbmp);
g.copyfromscreen(new point(0, 0), new point(0, 0), new size(screen.allscreens[0].bounds.width, screen.allscreens[0].bounds.height));//保存全屏图片
catchform.backgroundimage = catchbmp;//将catch窗体的背景设为全屏时的图片
if (catchform.showdialog() == dialogresult.ok)
{//如果catch窗体结束,就将剪贴板中的图片放到信息发送框中
idataobject idata = clipboard.getdataobject();
dataformats.format myformat = dataformats.getformat(dataformats.bitmap);
if (idata.getdatapresent(dataformats.bitmap))
{
richtextbox1.paste(myformat);
clipboard.clear();//清除剪贴板中的对象
}
this.show();//重新显示窗体
}
}
}
这样我们的截图功能便完成了．
我想对于初学者来说如何消去第一次绘制的图片是个比较困难的问题．如果没有采取措施，你会发现只要你鼠标移动，就会画一个矩形，这样便会出现n多的矩形，而我们只是要最后的那一个．
一般解决这种问题的方法有两种：
1.就是在绘制第二个图形时，我们先用与底色相同的颜色将上次绘制的图形重新绘制一下．但这往往需要底色为纯色时使用．
2.我们并不直接将图形画在画板上，我们用一个图片a来保存原画板上的图片．然后再新建一个与图片a相同的图片b，将我们要绘制的图形画在该图片b上，然后再将该图片b画在画板上．这样图片a并没有被改变．于是第二次画的时候我们还是同样新建一个与图片a相同的图片进行绘制．那么上一次的图形就不会被保留下来．问题也就解决了．
我们先来看一下效果：
（图（图1）
( 图2 )
接下来看看这是如何做到的.
思路:聊天窗体上有一个截图按钮,点击按钮后,程序将整个屏幕画在一个新的全屏窗体上,然后显示这个窗体.因为是全屏的窗体,并且隐藏了菜单栏、工具栏等,所以在我们看来就好像是一个桌面的截图,然后在这个新窗体上画矩形,最后保存矩形中的内容并显示在原来的聊天窗体中.
步骤:
a.新建一个窗体．命名为catch.然后设置这个窗体的formborderstyle为none,windowstate为maximized．
b.我们对代码进行编辑：
复制代码 代码如下:
using system;
using system.collections.generic;
using system.componentmodel;
using system.data;
using system.drawing;
using system.text;
using system.windows.forms;
namespace client
{
public partial class catch : form
{
public catch()
{
initializecomponent();
}
用户变量#region 用户变量
private point downpoint = point.empty;//记录鼠标按下坐标，用来确定绘图起点
private bool catchfinished = false;//用来表示是否截图完成
private bool catchstart = false;//表示截图开始
private bitmap originbmp;//用来保存原始图像
private rectangle catchrect;//用来保存截图的矩形
#endregion
//窗体初始化操作
private void catch_load(object sender, eventargs e)
{
this.setstyle(controlstyles.optimizeddoublebuffer | controlstyles.allpaintinginwmpaint | controlstyles.userpaint, true);
this.updatestyles();
//以上两句是为了设置控件样式为双缓冲，这可以有效减少图片闪烁的问题，关于这个大家可以自己去搜索下
originbmp = new bitmap(this.backgroundimage);//backgroundimage为全屏图片，我们另用变量来保存全屏图片
}
//鼠标右键点击结束截图
private void catch_mouseclick(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.right)
{
this.dialogresult = dialogresult.ok;
this.close();
}
}
//鼠标左键按下时动作
private void catch_mousedown(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.left)
{
if (!catchstart)
{//如果捕捉没有开始
catchstart = true;
downpoint = new point(e.x, e.y);//保存鼠标按下坐标
}
}
}
private void catch_mousemove(object sender, mouseeventargs e)
{
if (catchstart)
{//如果捕捉开始
bitmap destbmp = (bitmap)originbmp.clone();//新建一个图片对象，并让它与原始图片相同
point newpoint = new point(downpoint.x, downpoint.y);//获取鼠标的坐标
graphics g = graphics.fromimage(destbmp);//在刚才新建的图片上新建一个画板
pen p = new pen(color.blue,1);
int width = math.abs(e.x - downpoint.x), 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;
}
catchrect = new rectangle(newpoint,new size(width,height));//保存矩形
g.drawrectangle(p,catchrect);//将矩形画在这个画板上
g.dispose();//释放目前的这个画板
p.dispose();
graphics g1 = this.creategraphics();//重新新建一个graphics类
//如果之前那个画板不释放，而直接g=this.creategraphics()这样的话无法释放掉第一次创建的g,因为只是把地址转到新的g了．如同string一样
g1 = this.creategraphics();//在整个全屏窗体上新建画板
g1.drawimage(destbmp,new point(0,0));//将刚才所画的图片画到这个窗体上
//这个也可以属于二次缓冲技术，如果直接将矩形画在窗体上，会造成图片抖动并且会有无数个矩形．
g1.dispose();
destbmp.dispose();//要及时释放，不然内存将会被大量消耗
}
}
private void catch_mouseup(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.left)
{
if (catchstart)
{
catchstart = false;
catchfinished = true;
}
}
}
//鼠标双击事件，如果鼠标位于矩形内，则将矩形内的图片保存到剪贴板中
private void catch_mousedoubleclick(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.left&&catchfinished)
{
if (catchrect.contains(new point(e.x, e.y)))
{
bitmap catchedbmp = new bitmap(catchrect.width, catchrect.height);//新建一个于矩形等大的空白图片
graphics g = graphics.fromimage(catchedbmp);
g.drawimage(originbmp, new rectangle(0, 0, catchrect.width, catchrect.height), catchrect, graphicsunit.pixel);
//把orginbmp中的指定部分按照指定大小画在画板上
clipboard.setimage(catchedbmp);//将图片保存到剪贴板
g.dispose();
catchfinished = false;
this.backgroundimage = originbmp;
catchedbmp.dispose();
this.dialogresult = dialogresult.ok;
this.close();
}
}
}
}
}
c.创建了catch窗体后，我们在截图按钮(位于聊天窗体上)上加入以下事件：
复制代码 代码如下:
private void bcatch_click(object sender, eventargs e)
{
if (bcatch_hidecurrent.checked)
{
this.hide();//隐藏当前窗体
thread.sleep(50);//让线程睡眠一段时间，窗体消失需要一点时间
catch catchform = new catch();
bitmap catchbmp = new bitmap(screen.allscreens[0].bounds.width, screen.allscreens[0].bounds.height);//新建一个和屏幕大小相同的图片
graphics g = graphics.fromimage(catchbmp);
g.copyfromscreen(new point(0, 0), new point(0, 0), new size(screen.allscreens[0].bounds.width, screen.allscreens[0].bounds.height));//保存全屏图片
catchform.backgroundimage = catchbmp;//将catch窗体的背景设为全屏时的图片
if (catchform.showdialog() == dialogresult.ok)
{//如果catch窗体结束,就将剪贴板中的图片放到信息发送框中
idataobject idata = clipboard.getdataobject();
dataformats.format myformat = dataformats.getformat(dataformats.bitmap);
if (idata.getdatapresent(dataformats.bitmap))
{
richtextbox1.paste(myformat);
clipboard.clear();//清除剪贴板中的对象
}
this.show();//重新显示窗体
}
}
}
这样我们的截图功能便完成了．
我想对于初学者来说如何消去第一次绘制的图片是个比较困难的问题．如果没有采取措施，你会发现只要你鼠标移动，就会画一个矩形，这样便会出现n多的矩形，而我们只是要最后的那一个．
一般解决这种问题的方法有两种：
1.就是在绘制第二个图形时，我们先用与底色相同的颜色将上次绘制的图形重新绘制一下．但这往往需要底色为纯色时使用．
2.我们并不直接将图形画在画板上，我们用一个图片a来保存原画板上的图片．然后再新建一个与图片a相同的图片b，将我们要绘制的图形画在该图片b上，然后再将该图片b画在画板上．这样图片a并没有被改变．于是第二次画的时候我们还是同样新建一个与图片a相同的图片进行绘制．那么上一次的图形就不会被保留下来．问题也就解决了．