Growing Rectangle

Question

У меня есть растущий прямоугольник, нарисованный поверх TableLayoutPanel, но когда он растет, он вызывает ужасное мерцание даже при использовании Double Buffer.

Я использую 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 с размером вашего элемента управления. После этого вам нужно будет нарисовать все на растровом изображении, а затем нарисовать это растровое изображение на элементе управления.

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(); 
} 

Обратите внимание, что вам нужно будет создать новый Bitmap каждый раз, когда вы изменяете размер TableLayoutPanel. Кроме того, я предлагаю использовать Invalidate() вместо Refresh().

Но это все равно будет включать некоторые потенциальные мерцания. Чтобы полностью избежать мерцания, в дополнение к предыдущему коду вам нужно подклассифицировать TableLayoutPanel и переопределить метод OnPaintBackground() таким образом, чтобы никогда не вызывался. У этого пути вообще не будет никаких мерцаний. Причина, по которой вы мерцаете, - это то, что фон перерисовывается перед вашим Rectangle, когда вы его рисуете. Включите оригинальный TableLayoutPanel класс с этим BackgroundlessTableLayoutPanel

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

    } 
} 

Answer 2

Большинство элементов управления имеет событие Paint, где вы можете выполнить любой пользовательский чертеж, который вам нужно сделать. Также можно реализовать собственный контроль, где вы переопределяете метод OnPaint. See the article here.

Оба они должны давать хорошие результаты.