增长矩形

Question

我有一个增长的矩形绘制在TableLayoutPanel的顶部，但当它增长时，即使有双缓冲，它也会导致可怕的闪烁。

我使用e.Graphics.FillRectangle和一个全局变量来增加矩形的大小。我设置了一个计时器，让它每1/10秒增加1个像素。为什么它会闪烁这么多，我怎么才能停止闪烁呢？

 int grow = 100;
    private void tableLayoutPanel1_Paint(object sender, PaintEventArgs e)
    {
        e.Graphics.FillRectangle(Brushes.Red, (tableLayoutPanel1.Width-grow)/2, (tableLayoutPanel1.Height-grow)/2, grow,grow);
    }

    private void timer1_Tick(object sender, EventArgs e)
    {
        grow += 10;
        tableLayoutPanel1.Refresh();
    }

为了排除所有其他可能性，我从我的程序中删除了所有内容，并从一个不断增长的矩形开始从头开始，但它仍然会产生这种可怕的闪烁。

Answer 1

好的，这是代码。你首先需要用你的控件大小制作背景缓冲区位图。之后，您需要在位图上绘制所有内容，然后将该位图绘制到控件上。

Bitmap backBuffer = null;
int grow = 100;
private void tableLayoutPanel1_Paint(object sender, PaintEventArgs e)
{
    if (backBuffer == null)
        backBuffer = new Bitmap(tableLayoutPanel1.Width, tableLayoutPanel1.Height);
    Graphics g = Graphics.FromImage(backBuffer);
    g.Clear(tableLayoutPanel1.BackColor);
    g.FillRectangle(Brushes.Red, (tableLayoutPanel1.Width - grow) / 2, (tableLayoutPanel1.Height - grow) / 2, grow, grow);
    e.Graphics.DrawImage(backBuffer, 0, 0, backBuffer.Width, backBuffer.Height);
    g.Dispose();
}
private void tableLayoutPanel1_Resize(object sender, EventArgs e)
{
    backBuffer = null;
}
private void timer1_Tick(object sender, EventArgs e)
{
    grow += 10;
    tableLayoutPanel1.Invalidate();
}

请注意，每次调整TableLayoutPanel的大小时都需要创建新的Bitmap。此外，我建议使用Invalidate()而不是Refresh()。

但这仍将包含一些潜在的闪烁。为了完全避免闪烁，除了前面的代码之外，还需要对TableLayoutPanel进行子类化，并以永远不会调用base.OnPaintBackground的方式覆盖OnPaintBackground()方法。这样就不会有任何闪动了。出现闪烁的原因是因为在绘制Rectangle之前，任何时候都会重新绘制背景。使用此BackgroundlessTableLayoutPanel切换原始TableLayoutPanel类

public class BackgroundlessTableLayoutPanel : TableLayoutPanel
{
    protected override void OnPaintBackground(PaintEventArgs e)
    {

    }
}

Answer 2

大多数控件都有一个Paint事件，您可以在其中实现所需的任何自定义绘制。也可以在重写OnPaint方法的地方实现您自己的控件。See the article here。

这两种方法都应该能给出好的结果。