Click here to Skip to main content
12,244,103 members (51,254 online)
Click here to Skip to main content
Add your own
alternative version

Stats

352K views
6.7K downloads
148 bookmarked
Posted

Flicker free drawing using GDI+ and C#

, 28 Jul 2003 Public Domain
Rate this:
Please Sign up or sign in to vote.
Describes how to implement flicker free drawing using C# and GDI+.
<!-- Article image -->

Sample Image - flickerFreeDrawing.jpg

<!-- Add the rest of your HTML here -->

Introduction

This article describes how to implement flicker free drawing on Windows Forms using GDI+, it assumes you have a basic understanding or VS.NET, C# and the .NET framework.

Background

Flicker free drawing or double buffering is a well know technique used in the Windows programming world to reduce flicker when handling paint events in a window.

Normally a generic window programs draw directly to the device context (Graphics Object) when a WM_PAINT (Paint) event occurs. This can lead to flickering if the window is refreshed (Invalidated) repeatedly. Three examples where flickering happen would be during a Window resize or animation (a timer is fired and in the timer event the window is refreshed) or when a object is dragged over the window (e.g. Visio)

We can eliminate flickering using a technique known as double buffering. Rather than drawing directly on the graphics object, we draw to an off screen graphics object and when the drawing is complete we draw the off screen graphics object onto the graphics object supplied by the Paint event. We also override the OnPaintBackground method to prevent the windows form performing any background rendering (we must paint the background ourselves during the rendering in the off screen graphics object, this is usually the first thing that is done).

The double buffering technique is encapsulated in a simple class called DBGraphics and can be easily implemented in a typical windows form based application show below.

Using the code

The double buffering class can be used within the scope of the windows form. The steps below describe how to implement the DBGraphics class in your code:

  • Step 1 - Declare the DBGraphics variable in your windows form class and instantiate the object in the windows form constructor.
using GDIDB; // Declare the namespace
  
 public class MainWnd : System.Windows.Forms.Form
{
     ... Some other code
    private DBGraphics memGraphics;
     ... Some other code
      
    public MainWnd()
    {    
        memGraphics = new  DBGraphics();
    }           
     
}; 
  • Step 2 - Handle the resize and load event to create the double buffer object to the size of the Client Rectangle. This is done in form load event as the resize event only gets fire when the form is manually resized. One thing to note here is we need to obtain the graphics object of the form even though we are not in the Paint event, this done by calling this.CreateGraphics()is is similar to GetDC().
private void MainWnd_Load(object sender, System.EventArgs e)
{ 
    memGraphics.CreateDoubleBuffer(this.CreateGraphics(), this.ClientRectangle.Width, this.ClientRectangle.Height);
}                 
                      
private void MainWnd_Resize(object sender, System.EventArgs e)
{ 
    memGraphics.CreateDoubleBuffer(this.CreateGraphics(), this.ClientRectangle.Width, this.ClientRectangle.Height);
    Invalidate(); // Force a repaint after has been resized 
} 
  • Step 3 - Override the OnPaintBackground is to allow the paint event to render the background.
protected override void OnPaintBackground(PaintEventArgs pevent)
{
}
  • Step 4 - Finally implement the Paint event
protected override void Paint(object sender, System.Windows.Forms.PaintEventArgs e)
{

    if (memGraphics.CanDoubleBuffer())
    {
    // Fill in Background (for effieciency only the area that has been clipped)
         memGraphics.g.FillRectangle(new SolidBrush(SystemColors.Window), e.ClipRectangle.X,e.ClipRectangle.Y, e.ClipRectangle.Width, e.ClipRectangle.Height);

        // Do our drawing using memGraphics.g instead e.Graphics
     
        ... Some other code
   
       // Render to the form
        memGraphics.Render(e.Graphics);
    }
}

Demonstration Code

The demonstration code show how to implement simple drag and drop interface can achieved using double buffering, it can be used a springbroad for a drag and drop application such as Microsoft Visio.

History

V1.0 Article creation.

License

This article, along with any associated source code and files, is licensed under A Public Domain dedication

Share

About the Author

NormDroid
Software Developer (Senior) Software Kinetics
United Kingdom United Kingdom



Software Kinetics
are experts in developing customised and bespoke applications and have expertise in the development of desktop, mobile and internet applications on Windows.

We specialise in:

  • User Interface Design
  • Desktop Development
  • Windows Phone Development
  • Windows Presentation Framework
  • Windows Forms
  • Windows Communication Framework
  • Windows Services
  • Network Applications
  • Database Applications
  • Web Development
  • Web Services
  • Silverlight
  • ASP.net

Visit Software Kinetics

You may also be interested in...

Comments and Discussions

 
Generalit is cool thank you . Pin
kankankan2226-Dec-12 4:51
memberkankankan2226-Dec-12 4:51 
QuestionDoubleBuffer Pin
janvb20-Nov-11 5:00
memberjanvb20-Nov-11 5:00 
GeneralThank you very much Pin
Joyetta9-Oct-11 4:46
memberJoyetta9-Oct-11 4:46 
GeneralMy results Pin
Kaiwa7-Apr-10 3:36
memberKaiwa7-Apr-10 3:36 
GeneralRe: My results Pin
Norm .net7-Apr-10 3:45
groupNorm .net7-Apr-10 3:45 
GeneralRe: My results Pin
Kaiwa7-Apr-10 7:58
memberKaiwa7-Apr-10 7:58 
GeneralGood not perfect but good Pin
CAD Zombie20-Oct-09 6:09
memberCAD Zombie20-Oct-09 6:09 
GeneralDrawing an image without flicker Pin
pcbaby1516-Jul-09 16:41
memberpcbaby1516-Jul-09 16:41 
Generalthis.DoubleBuffered Pin
dfsdfsdfoyuti28-Feb-09 5:37
memberdfsdfsdfoyuti28-Feb-09 5:37 
GeneralRe: this.DoubleBuffered Pin
Norm .net1-Mar-09 21:45
memberNorm .net1-Mar-09 21:45 
QuestionCan i use this DBGraphics class for drwaing the controls on my form Pin
bhaskar soni5-Jan-09 2:27
memberbhaskar soni5-Jan-09 2:27 
QuestionWhat license is the code under? Pin
binary12301-Dec-08 22:28
memberbinary12301-Dec-08 22:28 
AnswerRe: What license is the code under? Pin
Norm .net2-Dec-08 5:48
memberNorm .net2-Dec-08 5:48 
GeneralRe: What license is the code under? Pin
binary12302-Dec-08 19:30
memberbinary12302-Dec-08 19:30 
GeneralNice job! Pin
sandeepstudd15-Jul-08 2:06
membersandeepstudd15-Jul-08 2:06 
Jokethank u very much Pin
silent200713-Jul-08 23:08
membersilent200713-Jul-08 23:08 
GeneralThanks Pin
PALANI KUMAR13-Mar-08 0:45
memberPALANI KUMAR13-Mar-08 0:45 
GeneralCotrolStyle.DoubleBuffer Pin
vadivelkumar5-Jul-07 22:26
membervadivelkumar5-Jul-07 22:26 
QuestionBackgound Objects? Pin
Doncp7-Dec-06 7:43
memberDoncp7-Dec-06 7:43 
AnswerRe: Backgound Objects? Pin
zhaoxiong198629-Aug-10 18:32
memberzhaoxiong198629-Aug-10 18:32 
GeneralThanks! Pin
minity30-Jul-06 3:51
memberminity30-Jul-06 3:51 
GeneralDrawing.... Pin
zmrcic13-Mar-06 4:06
memberzmrcic13-Mar-06 4:06 
Generalif ((width != this.width) || (height != this.height)) Pin
Marijn Stevens12-Mar-06 13:06
memberMarijn Stevens12-Mar-06 13:06 
GeneralRe: if ((width != this.width) || (height != this.height)) Pin
supercali4-Apr-06 15:51
membersupercali4-Apr-06 15:51 
GeneralStill having issues Pin
Ponsonby24-Jan-06 0:15
memberPonsonby24-Jan-06 0:15 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.160426.1 | Last Updated 29 Jul 2003
Article Copyright 2003 by NormDroid
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid