C# пользовательский контроль изображения

Question

Я работаю над проектом, где мне нужно постоянно получать растровые изображения и рисовать их на картинке.

Идея состоит в том, чтобы нарисовать первую начальную растровую карту, затем извлечь оставшуюся часть растрового изображения и нарисовать их над начальным. (Первый, который все еще отображается в окне изображения, поэтому я хочу нарисовать их на первом растровом изображении).

Я попытался создать пользовательский элемент управления, чтобы реализовать событие OnPaint, но во второй раз, когда событие запущено, оно рисует второй block и полностью скрывает изображение, которое было нарисовано ранее.

public class RapidPictureBox: PictureBox 
{ 
    public pictureBox1Control() 
    { 
     SetStyle(
      ControlStyles.AllPaintingInWmPaint | 
      ControlStyles.OptimizedDoubleBuffer | 
      ControlStyles.UserPaint | 
      ControlStyles.ResizeRedraw, true); 
    } 

    public Bitmap block = null; 
    public int x = 0, y = 0; 
    protected override void OnPaint(PaintEventArgs e) 
    { 
     e.Graphics.DrawImage(block, x, y); 
    } 
} 

private void Form1_Load(object sender, EventArgs e) 
{ 
    RapidPictureBox pictureBox1 = new RapidPictureBox(); 
    pictureBox1.Dock = DockStyle.Fill; 
    Controls.Add(pictureBox1); 

    pictureBox1.block = new Bitmap("3.png"); //first initial image 

    pictureBox1.block = new Bitmap("2.png"); //draw on the initial one. 
} 

Я не уверен, что не так в коде. Я использую EventArgs e для рисования нового блока каждый раз, когда мне нужно, но кажется, что новый чертеж полностью скрывает предыдущее растровое изображение.

Answer 1

вы можете создать графический объект из PictureBox, а затем перерисовывать его на текущем изображении

initial =new Bitmap("test.png"); 
pictureBox1.Image = initial; 
var graphics = pictureBox1.CreateGraphics(); //create a graphic objec 
graphics.DrawImage(block, x,y);//that's the second method 

Answer 2

Проблема с кодом заключается в том, что вы не добавляете изображения в элемент управления, который вы заменяете.

Side Примечание: С кодом у вас есть вы не расправившись с Bitmap объектов, установленных в PictureBox эс изображения и таким образом, это может вызвать утечку памяти.

Вы можете создать аналогичный элемент управления LayeredPictureBox. Это позволит получить все изображения и нарисовать их поверх друг друга. Это будет иметь низкую производительность и изображения должны иметь прозрачность, чтобы выглядеть слоистые, но вы получите идею:

public class LayeredPictureBox : PictureBox 
{ 
    public LayeredPictureBox() 
    { 
     SetStyle(
      ControlStyles.AllPaintingInWmPaint | 
      ControlStyles.OptimizedDoubleBuffer | 
      ControlStyles.UserPaint | 
      ControlStyles.ResizeRedraw, true); 
    } 

    public List<Bitmap> blocks = new List<Bitmap>(); 
    public int x = 0, y = 0; 
    protected override void OnPaint(PaintEventArgs e) 
    { 
     foreach (Bitmap block in blocks) 
     { 
      e.Graphics.DrawImage(block, x, y); 
     } 
    } 
} 

private void Form1_Load(object sender, EventArgs e) 
{ 
    RapidPictureBox pictureBox1 = new RapidPictureBox(); 
    pictureBox1.Dock = DockStyle.Fill; 
    Controls.Add(pictureBox1); 

    pictureBox1.blocks.Add(new Bitmap("3.png")); //first initial image 

    pictureBox1.blocks.Add(new Bitmap("2.png")); //draw on the initial one. 
} 

Другой вариант заключается в объединении всех изображений вместе, добавив их, а затем просто рисунок, что изображение в PictureBox.

Answer 3

Что вы должны сделать, это наложить новое изображение на предыдущее изображение. Предположим, что есть основное изображение (первое изображение), и вы хотите напечатать следующее изображение (перекрывающееся изображение) на том же основном изображении. Используйте следующий метод для этого.

private Bitmap GetOvelappedImages(Bitmap primaryImage, Bitmap overlappingImage) 
{ 
//create graphics from main image 
using (Graphics g = Graphics.FromImage(primaryImage)) 
{ 
    //draw other image on top of main Image 
    g.DrawImage(overlappingImage, new Point(0, 0)); 
} 
return primaryImage; 
} 

затем установите это новое изображение в изображениеBox1.block.

private void Form1_Load(object sender, EventArgs e) 
{ 
    RapidPictureBox pictureBox1 = new RapidPictureBox(); 
    pictureBox1.Dock = DockStyle.Fill; 
    Controls.Add(pictureBox1); 

    pictureBox1.block = GetOverlappedImages(new Bitmap("3.png"),new Bitmap("2.png")); //draw on the initial one. 
} 

Это должно сработать для вас.

Примечание: Вы должны располагать изображения после их использования.

Update: Вам нужно перерисовывать все изображение, потому что, OnPaint вызывается только тогда, когда текущее изображение, показанное на картинке поле необходимо перерисовать. Метод OnPaint переопределяется, чтобы перерисовать изображение каждый раз, когда форма нарисована; иначе изображение будет сохраняться только до следующей перекраски. Читайте документацию для OnPaint here