利用GDI+的双缓冲技术来提高绘图效率(转)

原创 2005年09月12日 15:14:00
利用GDI+的双缓冲技术来提高绘图效率
卢彦

前言

进入.NET时代,Windows的绘图技术也从GDI升级到了GDI+,从名字就能知道GDI+是对以前传统GDI绘图技术的一次升级,不过在微软几乎把所有的新技术都冠之.NET的情况下,GDI+竟然不叫做GDI.NET,还真让我感到有点意外了。 :)

GDI+在一种与设备无关的环境下提供了一套统一的绘图编程模型,极大的提高了Windows绘图编程的方便性,我们再也不用创建什么各种各样复杂的设备环境了,说实话,我现在想起来都头疼。

题归正传,关于如何进行GDI+的基本编程,我不能过多的加以描述,如果有对此概念还不太清楚的朋友,建议先去了解一下相关的资料,我们在这里主要讨论的是一种提高绘图效率(主要是动画效率)的双缓冲技术在GDI+中的应用和实现。

实现目的

为了能清楚的对比应用双缓冲技术前后的效果,我编写了一段程序来进行测试。首先,我创建了一个普通的Windows Application,在主Form中,我放置了一个定时器:timer1,然后将它的Interval属性设置为10,然后在Form上放置两个按纽,分别用来控制定时器的开启和关闭,最后,我还放置了一个label控件,用来显示绘图的帧数。

测试程序

在timer1的timer1_Tick事件中,我写下了如下的代码(其中flag是一个bool型标志变量):

DateTime t1 = DateTime.Now;
Graphics g = this.CreateGraphics();
if(flag)
{
	brush = new LinearGradientBrush(new PointF(0.0f, 0.0f), 
		new PointF(700.0f, 300.0f), Color.Red, Color.Blue);
	flag = false;
}
else
{
	brush = new LinearGradientBrush(new PointF(0.0f, 0.0f), 
		new PointF(700.0f, 300.0f), Color.Blue, Color.Red);
	flag = true;
}
for(int j = 0; j < 60; j ++)
{
	for(int i = 0; i < 60; i++)
	{
		g.FillEllipse(brush, i * 10, j * 10, 10, 10);
	}
}
DateTime t2 = DateTime.Now;
TimeSpan sp = t2 - t1;
float per = 1000 / sp.Milliseconds;
this.label1.Text = "速度:" + per.ToString() + "帧/秒";

运行后,我点击“开始”按纽,效果如下图所示:

应用双缓冲以前的效果图(帧数:5帧/秒)

正如大家所看到的,我在程序中使用循环画了几百个圆形,然后在每次的定时器脉冲事件中使用不同方向的线性渐变来对它们进行填充,形成了一个动画效果。不过不幸的是,程序运行起来闪烁很严重,几乎每次刷新的时候都可以看到一条很明显的扫描线从上慢慢的刷到下来完成整幅图形的刷新动作。如果你不是要模拟老式雷达的区域扫描的话,这种速度不会满足你的要求。

改进代码

下面是我改进以后的代码:

DateTime t1 = DateTime.Now;
Bitmap bmp = new Bitmap(600, 600);
Graphics g = Graphics.FromImage(bmp);
if(flag)
{
	brush = new LinearGradientBrush(new PointF(0.0f, 0.0f), 
			new PointF(700.0f, 300.0f), Color.Red, Color.Blue);
	flag = false;
}
else
{
	brush = new LinearGradientBrush(new PointF(0.0f, 0.0f), 
			new PointF(700.0f, 300.0f), Color.Blue, Color.Red);
	flag = true;
}
for(int j = 0; j < 60; j ++)
{
	for(int i = 0; i < 60; i++)
	{
		g.FillEllipse(brush, i * 10, j * 10, 10, 10);
	}
}
this.CreateGraphics().DrawImage(bmp, 0, 0);
DateTime t2 = DateTime.Now;
TimeSpan sp = t2 - t1;
float per = 1000 / sp.Milliseconds;
this.label1.Text = "速度:" + per.ToString() + "帧/秒";

运行后,我点击“开始”按纽,效果如下图所示:

应用双缓冲以后的效果图(帧数:9帧/秒)

经过改进后,画面刷新速度大大加快,绝对看不到任何的“扫描线”,帧数也从5帧一下就提高到了9帧,几乎是两倍于前的速度。这究竟是什么原因呢?让我来讲述其中的道理。

因为圆是要一个一个画上去,所以每画一个圆,系统就要做一次图形的绘制操作,图形的重绘是很占用资源的,当需要重绘的图形数量很多的时候,所造成的系统开销就特别大,造成我们看到的那种刷新缓慢的情况。那么如何来解决这个问题呢?

答案就是双缓冲,何谓“双缓冲”?它的基本原理就是:先在内存中开辟一块虚拟画布,然后将所有需要画的图形先画在这块“虚拟画布”上,最后在一次性将整块画布画到真正的窗体上。因为所有的单个图形的绘制都不是真正的调用显示系统来“画”,所以不会占用显示系统的开销,极大的提高的绘图效率。

实现双缓冲的具体步骤

我再来详细解释一下刚才实现双缓冲的具体步骤:

1、在内存中建立一块“虚拟画布”:

Bitmap bmp = new Bitmap(600, 600);

2、获取这块内存画布的Graphics引用:

Graphics g = Graphics.FromImage(bmp);

3、在这块内存画布上绘图:

g.FillEllipse(brush, i * 10, j * 10, 10, 10);

4、将内存画布画到窗口中

this.CreateGraphics().DrawImage(bmp, 0, 0);

总结

怎么样?是不是很简单?但是正是这个简单的操作大大提高了绘图效率,所以如果你需要进行GDI+图形编程,双缓冲技术一定要掌握,特别是在进行大量图形绘制刷新的情况下要尽量采用。

关于GDI+的那些事(1)——效率、双缓冲

一年来做了一些图像相关的工作,
  • obmar45
  • obmar45
  • 2014年07月01日 12:02
  • 798

MFC中的GDI/GDI+和双缓冲绘图

1、GDI概述   GDI在全称是Graphics Device Interface,即图形设备接口。是图形显示与实际物理设备之间的桥梁。         GDI使得用户无需关心具体设备的细节,...
  • KingCat666
  • KingCat666
  • 2015年03月09日 15:07
  • 2498

GDI+概述及双缓冲绘图技术

1.GDI概述及实例分析 1.1 GDI概述 GDI在全称是Graphics Device Interface,即图形设备接口。是图形显示与实际物理设备之间的桥梁。GDI使得用户无需关心具...
  • shenziheng1
  • shenziheng1
  • 2016年11月25日 15:53
  • 1289

GDI+ 双缓冲实现和局部刷新技术

早前曾为此问题在CSDN发帖求助(GDI+ 如何使用双缓冲绘制图像),得到了一个GDI+下较可行的方法,虽然绘制效果比直接绘制要好一些,不过还不能跟GDI的双缓冲方式比肩。 现在,我...
  • htt9931
  • htt9931
  • 2014年06月05日 16:34
  • 6518

如何使用C#自带的GDI+双缓冲类BufferedGraphics实现双缓冲功能

小白摸索着编写一个上位机界面,将遇到的问题及解决方法记录下,以供后来的小白使用哈。这篇文章解决的问题是在绘图时候的闪烁问题。其中网上有些介绍的设置控制方式controlstyle的方法,这个方法我的理...
  • z20110411
  • z20110411
  • 2016年09月04日 14:31
  • 997

MFC VC 双缓冲绘图基本原理与实现,详细解释

MFC VC 双缓冲绘图基本原理与实现,详细解释 MFC做了一些时间了,不得不面对 的是在界面上画图的。 当然你可以直接搜索到能用的代码,并且基本能满足要求。不过这样总不是学习的态度。本着学习...
  • foreverhuylee
  • foreverhuylee
  • 2014年03月19日 18:10
  • 11858

GDI+学习及代码总结之——GDI+双缓冲等问题总结

GDI+双缓冲技术 转载地址:http://cnbeta2004.blog.163.com/blog/static/602313402010119104451537/ 早前曾为此问题在CSDN...
  • harvic880925
  • harvic880925
  • 2013年06月25日 10:46
  • 3933

双缓冲技术(基于GDI+实现)

一、双缓冲技术      双缓冲即在内存中创建一个与屏幕绘图区域一致的对象,先将图形绘制到内存中的这个对象上,再一次性将这个对象上的图形拷贝到屏幕上,这样能大大加快绘图的速度。     当数据量很大时...
  • woaisia
  • woaisia
  • 2015年07月07日 14:24
  • 1532

GDI+ 双缓冲 的起因以及解决办法

重绘导致原因:UpdateData、Invalidate、InvalidateRect和UpdateWindow函数。 1. UpdateData重绘控件函数  UpdateData(TRUE)——刷...
  • xuheazx
  • xuheazx
  • 2015年04月01日 11:16
  • 652

MFC笔记:GDI+贴图、双缓冲绘图、向屏幕上输出文字

CImage类是一个非常有用的类,利用它可以非常简单地shixian
  • u011808175
  • u011808175
  • 2014年11月15日 17:50
  • 1446
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用GDI+的双缓冲技术来提高绘图效率(转)
举报原因:
原因补充:

(最多只允许输入30个字)