Click here to Skip to main content
15,867,835 members
Articles / Desktop Programming / MFC
Article

Flicker free drawing using GDI+ and C#

Rate me:
Please Sign up or sign in to vote.
4.31/5 (43 votes)
28 Jul 2003Public Domain2 min read 447.9K   8K   154   79
Describes how to implement flicker free drawing using C# and GDI+.

Sample Image - flickerFreeDrawing.jpg

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


Written By
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

Comments and Discussions

 
Generalit is cool thank you . Pin
kankankan2226-Dec-12 3:51
kankankan2226-Dec-12 3:51 
QuestionDoubleBuffer Pin
janvb20-Nov-11 4:00
janvb20-Nov-11 4:00 
GeneralThank you very much Pin
Joyetta9-Oct-11 3:46
Joyetta9-Oct-11 3:46 
GeneralMy results Pin
Jordy "Kaiwa" Ruiter7-Apr-10 2:36
Jordy "Kaiwa" Ruiter7-Apr-10 2:36 
GeneralRe: My results Pin
NormDroid7-Apr-10 2:45
professionalNormDroid7-Apr-10 2:45 
GeneralRe: My results Pin
Jordy "Kaiwa" Ruiter7-Apr-10 6:58
Jordy "Kaiwa" Ruiter7-Apr-10 6:58 
You were right, it was still unapproved. It's up now Smile | :)
GeneralGood not perfect but good Pin
CAD Zombie20-Oct-09 5:09
CAD Zombie20-Oct-09 5:09 
GeneralDrawing an image without flicker Pin
pcbaby1516-Jul-09 15:41
pcbaby1516-Jul-09 15:41 
Generalthis.DoubleBuffered Pin
dfsdfsdfoyuti28-Feb-09 4:37
dfsdfsdfoyuti28-Feb-09 4:37 
GeneralRe: this.DoubleBuffered Pin
NormDroid1-Mar-09 20:45
professionalNormDroid1-Mar-09 20:45 
QuestionCan i use this DBGraphics class for drwaing the controls on my form Pin
bhaskar soni5-Jan-09 1:27
bhaskar soni5-Jan-09 1:27 
QuestionWhat license is the code under? Pin
binary12301-Dec-08 21:28
binary12301-Dec-08 21:28 
AnswerRe: What license is the code under? Pin
NormDroid2-Dec-08 4:48
professionalNormDroid2-Dec-08 4:48 
GeneralRe: What license is the code under? Pin
binary12302-Dec-08 18:30
binary12302-Dec-08 18:30 
GeneralThis is a godsend Pin
walentys2-Aug-08 22:45
walentys2-Aug-08 22:45 
GeneralNice job! Pin
sandeepstudd15-Jul-08 1:06
sandeepstudd15-Jul-08 1:06 
Jokethank u very much Pin
silent200713-Jul-08 22:08
silent200713-Jul-08 22:08 
GeneralThanks Pin
PALANI KUMAR12-Mar-08 23:45
PALANI KUMAR12-Mar-08 23:45 
GeneralCotrolStyle.DoubleBuffer Pin
vadivelkumar5-Jul-07 21:26
vadivelkumar5-Jul-07 21:26 
QuestionBackgound Objects? Pin
Doncp7-Dec-06 6:43
Doncp7-Dec-06 6:43 
AnswerRe: Backgound Objects? Pin
zhaoxiong29-Aug-10 17:32
zhaoxiong29-Aug-10 17:32 
GeneralThanks! Pin
minity30-Jul-06 2:51
minity30-Jul-06 2:51 
GeneralDrawing.... Pin
zmrcic13-Mar-06 3:06
zmrcic13-Mar-06 3:06 
Generalif ((width != this.width) || (height != this.height)) Pin
User 226147412-Mar-06 12:06
User 226147412-Mar-06 12:06 
GeneralRe: if ((width != this.width) || (height != this.height)) Pin
supercali4-Apr-06 14:51
supercali4-Apr-06 14:51 

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.