Question

Excuse the code dump, these are functions within a UserControl

private void PNGQuantPreviewControl_Resize(object sender, EventArgs e)
{
    createOffScreenBm();
    draw();           
} 
private void createOffScreenBm()
{
    offScreenBm = new Bitmap(this.Size.Width, this.Size.Height);
    offScreenGfx = Graphics.FromImage(offScreenBm);
}
private void draw()
{
    // draw background
    offScreenGfx.FillRectangle(transTexture, 0, 0, offScreenBm.Width, offScreenBm.Height);
    // draw image preview
    offScreenGfx.DrawImage(pngQuantPreview, getTopLeftPosition());
    // apply to picture box
    this.CreateGraphics().DrawImage(offScreenBm, 0, 0);
}

So, when the control changes size, it recreates the offscreen bitmap to reflect the new size and redraws the image.

However, if I quickly resize the control the bitmap doesn’t fill it, there’s a gap left at the right and/or bottom.

I’m fairly new to C#, so there’s probably something obvious I’m doing wrong, or I’m reading the size values at the wrong time. Any ideas?

Answer 1

First of all you need to overwrite OnPaint method, or subscribe to Paint event and draw everything there.

Second you do not need to create offscreen bitmap for double buffering, because in .net already exist class for such purposes BufferedGraphics.

And third, it is much better to create UserControl descedant and enable internal .net double buffering, something like this:

public UserControl2
{
    SetStyle(ControlStyles.OptimizedDoubleBuffer | ControlStyles.AllPaintingInWmPaint | ControlStyles.UserPaint, true);
}

Using this approach you will get double-buffering, and all you need is to draw your graphics in OnPaint method. You can read more about this control styles in Msdn.