Dessin d'une nouvelle “couche” en C#

La construction d'un petit programme de peinture et suis en train d'intégrer le concept de couches.

Je suis en utilisant un contrôle PictureBox pour afficher l'image, et l'obtention de l'objet Graphique à partir de l'image affichée par le PictureBox et de dessin.

Mon problème est que je suis à essayer de comprendre comment dessiner un nouvel objet Graphique qui est superposé sur le dessus de la zone d'image, et être en mesure d'obtenir la nouvelle image tracée sans l'image d'origine absorbé dans le graphique.

Si je fais quelque chose comme:

Graphics gr = Graphics.FromImage(myPictureBox.image);
gr.DrawRectangle(blah blah)

...Je suis d'édition de l'image d'origine dans la zone d'image. Je veux un moyen de capturer uniquement les nouveaux trucs dessinée comme une image distincte, mais encore à l'affiche en surimpression sur le dessus de ce qui était déjà là.

Toute personne en mesure de me pointer dans la bonne direction? Merci!

OriginalL'auteur ARW | 2012-10-03

bitmap c#image layer

exemple de code qui fonctionne bien - prendre une image factice et les couches de l'image d'origine avec texte personnalisé

public void LayerImage(System.Drawing.Image Current, int LayerOpacity)
{
Bitmap bitmap = new Bitmap(Current);        
int h = bitmap.Height;
int w = bitmap.Width;
Bitmap backg = new Bitmap(w, h + 20);
Graphics g = null;
try
{
g = Graphics.FromImage(backg);
g.Clear(Color.White);
Font font = new Font("Arial", 12, FontStyle.Bold, GraphicsUnit.Pixel);
RectangleF rectf = new RectangleF(70, 90, 90, 50);
Color color = Color.FromArgb(255, 128, 128, 128);
Point atpoint = new Point(backg.Width / 2, backg.Height - 10);
SolidBrush brush = new SolidBrush(color);
StringFormat sf = new StringFormat();
sf.Alignment = StringAlignment.Center;
sf.LineAlignment = StringAlignment.Center;
g.DrawString("BRAND AMBASSADOR", font, brush, atpoint, sf);
g.Dispose();
MemoryStream m = new MemoryStream();
backg.Save(m, System.Drawing.Imaging.ImageFormat.Jpeg);
}
catch { }
Color pixel = new Color();
for (int x = 0; x < bitmap.Width; x++)
{
for (int y = 0; y < bitmap.Height; y++)
{
pixel = bitmap.GetPixel(x, y);
backg.SetPixel(x, y, Color.FromArgb(LayerOpacity, pixel));
}
}
MemoryStream m1 = new MemoryStream();
backg.Save(m1, System.Drawing.Imaging.ImageFormat.Jpeg);
m1.WriteTo(Response.OutputStream);
m1.Dispose();
base.Dispose();
}

OriginalL'auteur Rao

Je pense à utiliser la commande transparente et de faire quelques modifications de sorte qu'il peut être utilisé comme les calques de l'image:

http://www.codeproject.com/Articles/26878/Making-Transparent-Controls-No-Flickering

Probablement quelque chose comme ceci (aucune modification, si nécessaire).

class LayerControl : UserControl
{
private Image image;
private Graphics graphics;
public LayerControl(int width, int height)
{
this.Width = width;
this.Height = height;
image = new Bitmap(width, height);
graphics = Graphics.FromImage(image);
//Set style for control
SetStyle(ControlStyles.OptimizedDoubleBuffer |
ControlStyles.AllPaintingInWmPaint |
ControlStyles.UserPaint, true);
}
//this function will draw your image
protected override void OnPaint(PaintEventArgs e)
{
var bitMap = new Bitmap(image);
//by default the background color for bitmap is white
//you can modify this to follow your image background 
//or create a new Property so it can dynamically assigned
bitMap.MakeTransparent(Color.White);
image = bitMap;
Graphics g = e.Graphics;
g.SmoothingMode = SmoothingMode.AntiAlias;
g.PixelOffsetMode = PixelOffsetMode.HighQuality;
g.CompositingQuality = CompositingQuality.GammaCorrected;
float[][] mtxItens = {
new float[] {1,0,0,0,0},
new float[] {0,1,0,0,0},
new float[] {0,0,1,0,0},
new float[] {0,0,0,1,0},
new float[] {0,0,0,0,1}};
ColorMatrix colorMatrix = new ColorMatrix(mtxItens);
ImageAttributes imgAtb = new ImageAttributes();
imgAtb.SetColorMatrix(
colorMatrix,
ColorMatrixFlag.Default,
ColorAdjustType.Bitmap);
g.DrawImage(image,
ClientRectangle,
0.0f,
0.0f,
image.Width,
image.Height,
GraphicsUnit.Pixel,
imgAtb);
}
//this function will grab the background image to the control it self
protected override void OnPaintBackground(PaintEventArgs e)
{
base.OnPaintBackground(e);
Graphics g = e.Graphics;
if (Parent != null)
{
BackColor = Color.Transparent;
int index = Parent.Controls.GetChildIndex(this);
for (int i = Parent.Controls.Count - 1; i > index; i--)
{
Control c = Parent.Controls[i];
if (c.Bounds.IntersectsWith(Bounds) && c.Visible)
{
Bitmap bmp = new Bitmap(c.Width, c.Height, g);
c.DrawToBitmap(bmp, c.ClientRectangle);
g.TranslateTransform(c.Left - Left, c.Top - Top);
g.DrawImageUnscaled(bmp, Point.Empty);
g.TranslateTransform(Left - c.Left, Top - c.Top);
bmp.Dispose();
}
}
}
else
{
g.Clear(Parent.BackColor);
g.FillRectangle(new SolidBrush(Color.FromArgb(255, Color.Transparent)), this.ClientRectangle);
}
}
//simple drawing circle function
public void DrawCircles()
{
using (Brush b = new SolidBrush(Color.Red))
{
using (Pen p = new Pen(Color.Green, 3))
{
this.graphics.DrawEllipse(p, 25, 25, 20, 20);
}
}
}
//simple drawing rectable function
public void DrawRectangle()
{
using (Brush b = new SolidBrush(Color.Red))
{
using (Pen p = new Pen(Color.Red, 3))
{
this.graphics.DrawRectangle(p, 50, 50, 40, 40);
}
}
}
//Layer control image property
public Image Image
{
get
{
return image;
}
set
{
image = value;
//this will make the control to be redrawn
this.Invalidate();
}
}
}

Exemple comment l'utiliser:

LayerControl lc = new LayerControl(100, 100);
lc.Location = new Point(0, 0);
lc.DrawRectangle();
LayerControl lc2 = new LayerControl(100, 100);
lc2.Location = new Point(0, 0);
lc2.DrawCircles();
LayerControl lc3 = new LayerControl(100, 100);
lc3.Location = new Point(0, 0);
lc3.Image = new Bitmap(@"<Image Path>");
//adding control
this.Controls.Add(dc);
this.Controls.Add(dc2);
this.Controls.Add(dc3);

Avec cette méthode, vous pouvez avoir plusieurs couches, qui peuvent se chevauchent les uns les autres (en raison de la fonctionnalité de transparence, il a).

Si vous voulez l'ajouter en haut de votre PictureBox assurez-vous de commander à nouveau le contrôle. Le Contrôle de la Couche doit être ajouté avant votre contrôle PictureBox.

//adding control
this.Controls.Clear();
this.Controls.Add(dc);
this.Controls.Add(dc2);
this.Controls.Add(dc3);
this.Controls.Add(PictureBox1);

J'espère que ça aide.

Beau morceau de code ici... pour l'instant, c'est de travailler pour ma 2d jeu de tuiles où j'ai besoin de plusieurs choses sur un carré comme le donjon de la tuile, de la créature, et les effets possibles.
Nice, je dois l'essayer.. merci pour le partage. Le lien n'est pas bon.

OriginalL'auteur KaR

1

Ai eu de travail, peut-être que je n'ai pas été assez clair dans ma question initiale.

Essentiellement ce que j'ai fait était de stockage de chaque couche comme une Image distincte de l'objet, alors il suffit d'accrochage dans la méthode OnPaint de ma commande et à la main le dessin de graphiques dans l'ordre, au lieu de simplement le dessin à l'objet PictureBox.Image. Fonctionne comme un charme!

OriginalL'auteur ARW
0

Les capacités graphiques de .NET dessin bibliothèques sont simples. Leur but principal est tracé direct de l'interface graphique. Si vous voulez avoir de la superposition, de la transparence alpha ou les filtres avancés, alors vous devez soit utiliser la 3ème partie de la bibliothèque ou de rouler votre propre code de dessin.

OriginalL'auteur Euphoric

Vous devez vous connecter pour publier un commentaire.