C# benutzerdefinierte Picturebox Kontrolle

Question

Ich arbeite an einem Projekt, wo ich ständig Bitmaps bekommen und sie auf einer Picturebox zeichnen muss.

Die Idee besteht darin, eine erste anfängliche Bitmap zu zeichnen, dann den Rest der Bitmap abzurufen und sie über die ursprüngliche zu zeichnen. (Die erste wird immer noch in der Bildbox angezeigt, also möchte ich sie auf die erste Bitmap zeichnen).

Ich habe versucht, ein benutzerdefiniertes Steuerelement zu entwerfen, das OnPaint Ereignis zu implementieren, aber das zweite Mal das Ereignis ausgelöst wird, zeichnet es die zweite block und verbirgt vollständig das Bild, das zuvor gezeichnet wurde.

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. 
} 

Ich bin mir nicht sicher, was im Code falsch ist. Ich benutze die e EventArgs, um einen neuen Block zu zeichnen, wann immer ich brauche, aber es scheint, dass die neue Zeichnung die vorherige Bitmap vollständig verbirgt.

Answer 1

Sie ein Grafik-Objekt aus dem picturebox erstellen, neu zu zeichnen sie dann über das aktuelle Bild

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

Das Problem mit Ihrem Code besteht darin, dass Sie dem Steuerelement, das Sie ersetzen, keine Bilder hinzufügen.

Side Hinweis: Mit dem Code, den Sie haben Sie nicht von den in dem PictureBox es Bild gesetzt Bitmap Objekte entsorgen und so könnte diese Speicherlecks verursachen.

Sie können ein ähnliches Steuerelement LayeredPictureBox erstellen. Dadurch werden alle Bilder erhalten und übereinander gezeichnet. Es wird eine schlechte Leistung haben und die Bilder müssen Transparenz haben geschichtet zu sehen, aber Sie bekommen die Idee:

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. 
} 

Eine weitere Möglichkeit alle Bilder zusammen, um sie zu verschmelzen ist zum Hinzufügen und dann nur das Bild in der Zeichnung Bilderkiste.

Answer 3

Was Sie tun sollten, ist das neue Bild auf dem vorherigen Bild zu überlagern. Nehmen wir an, es gibt ein primäres Bild (erstes Bild) und Sie möchten das nächste Bild (überlappendes Bild) auf demselben primären Bild drucken. Verwenden Sie die folgende Methode, um das zu tun.

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

dann legen Sie dieses neue Bild auf pictureBox1.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. 
} 

Das sollte für Sie arbeiten.

Hinweis: Sie sollten Bilder nach der Verwendung entsorgen.

Update: Sie müssen ganzes Bild neu zu zeichnen, weil OnPaint nur aufgerufen wird, wenn aktuelles Bild auf Bildfeld neu gezeichnet werden muss, gezeigt. Die OnPaint-Methode wird überschrieben, um das Bild jedes Mal neu zu streichen, wenn das Formular gemalt wird. ansonsten würde das Bild nur bis zum nächsten Neuanstrich bestehen bleiben. lesen Dokumentation für OnPaint here