前言
进入.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+图形编程,双缓冲技术一定要掌握,特别是在进行大量图形绘制刷新的情况下要尽量采用。
相关推荐
C#WinForm利用GDI+的双缓冲技术来提高绘图效率.pdf
进入.NET时代,Windows的绘图技术也从GDI升级到了GDI+,从名字就能知道GDI+是对以前传统GDI绘图技术的一次升级,不过在微软几乎把所有的新技术都冠之.NET的情况下,GDI+竟然不叫做GDI.NET,还真让我感到有点意外了。...
CWinForm利用GDI+的双缓冲技术来提高绘图效率.pdf
VC6下的GDI+双缓冲,解决闪烁问题,附有例子源码,一看就会,图像编程过程中非常实用
利用GDI+在Form中绘制60*60个圆点,显示帧速,使用三种不同方法,分别是: 1.直接绘制 2.使用双缓冲 3.使用BitBlt函数 对比三种函数的帧速,以及提速效果 开发环境为vs2008
实现GDI+双缓冲绘图的具体代码步骤,也提供了整个思路,期望能够给后来的人节约点研究时间,个人感觉使用GDI+绘制提高效率最好的办法。
对如何在VC环境下使用gdi+进行双缓冲绘图进行了阐述
资源介绍:。源码结合GDI+模块,在画板上画出和定位文本。资源作者:。@易语言自学网。资源界面:。资源下载:。
vc中实现GDI+双缓冲的DBGraphics类 封装好了的GDI+双缓冲类,省去了自己创建位图、释放资源的麻烦,极大地简化了代码。 使用: Gdiplus::DBGraphics g( hWnd ); g.BeginPaint(); //你的绘图代码 g.EndPaint(); ...
一款绘制很漂亮的星空小球碰撞情景软件。使用了两种绘制方法:使用双缓冲绘制和不使用双缓冲绘制。可明显对比出未使用双缓冲的屏幕很闪,使用后屏幕显示很流畅。(内附GDI+绘图屏闪原因以及解决方案)
利用GDI+的双缓冲技术来提高绘图效率,如果遇到绘图时候会闪烁的可以看下这篇文章。
为方便实现和保护个人成果,该应用程序中绘制曲线的坐标点使用生成的随机数来实现,但同时保留了串口通信的相关代码,有需要的可自己修改(修改不会太大);该应用程序绘制的间隔时间是1s,也就是每隔1秒读取一次...
使用GDI+双缓冲绘制,学习直线与框的选中操作与物件的移动操作和大小调节操作。 这是矢量绘图的基础工作。 绝对精典的代码解决方案,代码清晰。 GDI+系列教程1:点击测试 http://download.csdn.net/source/1507159 ...
本段代码为MFC开发实例。代码利用GDI+绘图工具进行动态高清绘图,采用双缓冲绘图方式消除视频闪烁,相比于常规的GDI绘图显示,具有高清,无毛刺,无闪烁等特点。
GDI+简单绘图实例源码,双缓冲技术及其在 VC++ 的 gdi 绘图环境下的实现
使用GDI+双缓冲绘制,学习直线与框的选中操作与物件的移动操作。这是矢量绘图的基础工作。 绝对精典的代码解决方案,代码清楚,可直接应用到解决方案中,而不是一般的学习代码。 GDI+系列教程1:点击测试 ...
用GDI绘制四叶草,每秒中换一种随机颜色。重绘时候利用后台缓冲技术解决图像闪屏现象。纯WIN32API,没有利用MFC。
Windows 绘图原理,利用内存DC提高GDI绘图质量,双缓冲都是VC++6.0的资料,有例子和详细代码。