picturebox fondo transparente c#

Imágenes transparentes con C WinForms

Question

Estoy trabajando en una aplicación de Windows Forms en VS 2008, y quiero mostrar una imagen encima de otra, con la imagen superior como un gif o algo con partes transparentes.

Básicamente tengo una imagen grande y quiero poner una pequeña imagen en la parte superior para que aparezcan como una sola imagen para el usuario.

He estado tratando de usar un cuadro de imagen, pero esto no parece haber funcionado, ¿alguna sugerencia?

Answer 1

Coloque la imagen grande / inferior en un PictureBox , luego agregue un manejador al evento OnPaint y use una de las sobrecargas e.Graphics.DrawImage() . Puede cargar la imagen usando Image.FromFile() .

La imagen pequeña / superior tendrá que tener un canal alfa y ser transparente en el fondo para que funcione la superposición. Debería poder asegurar esto fácilmente en Photoshop o algo similar. Asegúrese de guardar en un formato compatible con el canal alfa, como PNG.

Answer 2

El código vb.net (Todos los créditos a Leon Tayson):

Imports System
Imports System.Windows.Forms
Imports System.Drawing
Public Class TransparentControl
Inherits Control
Private ReadOnly Local_Timer As Timer
Private Local_Image As Image
Public Sub New()
SetStyle(ControlStyles.SupportsTransparentBackColor, True)
BackColor = Color.Transparent
Local_Timer = New Timer
With Local_Timer
.Interval = 50
.Enabled = True
.Start()
End With
AddHandler Local_Timer.Tick, AddressOf TimerOnClick
End Sub
Protected Overrides ReadOnly Property CreateParams() As System.Windows.Forms.CreateParams
Get
Dim cp As CreateParams
cp = MyBase.CreateParams
cp.ExStyle = &H20
Return cp
End Get
End Property
Protected Overrides Sub OnMove(ByVal e As System.EventArgs)
MyBase.OnMove(e)
RecreateHandle()
End Sub
Protected Overrides Sub OnPaint(ByVal e As System.Windows.Forms.PaintEventArgs)
MyBase.OnPaint(e)
If Local_Image IsNot Nothing Then _
e.Graphics.DrawImage(Local_Image, New Rectangle(0, 0, (Width / 2) - (Local_Image.Width / 2), (Height / 2) - (Local_Image.Height / 2)))
End Sub
Protected Overrides Sub OnPaintBackground(ByVal pevent As System.Windows.Forms.PaintEventArgs)
'' DO NOT PAINT BACKGROUND
End Sub
'''''' <summary>
'''''' Hack
'''''' </summary>
'''''' <remarks></remarks>
Public Sub ReDraw()
RecreateHandle()
End Sub
Private Sub TimerOnClick(ByVal sender As Object, ByVal e As System.EventArgs)
RecreateHandle()
Local_Timer.Stop()
End Sub
Public Property Image As Image
Get
Return Local_Image
End Get
Set(ByVal value As Image)
Local_Image = value
RecreateHandle()
End Set
End Property
End Class

Answer 3

Estuve en una situación similar hace un par de días. Puede crear un control transparente para alojar su imagen.

using System;
using System.Windows.Forms;
using System.Drawing;
public class TransparentControl : Control
{
private readonly Timer refresher;
private Image _image;
public TransparentControl()
{
SetStyle(ControlStyles.SupportsTransparentBackColor, true);
BackColor = Color.Transparent;
refresher = new Timer();
refresher.Tick += TimerOnTick;
refresher.Interval = 50;
refresher.Enabled = true;
refresher.Start();
}
protected override CreateParams CreateParams
{
get
{
CreateParams cp = base.CreateParams;
cp.ExStyle |= 0x20;
return cp;
}
}
protected override void OnMove(EventArgs e)
{
RecreateHandle();
}
protected override void OnPaint(PaintEventArgs e)
{
if (_image != null)
{
e.Graphics.DrawImage(_image, (Width / 2) - (_image.Width / 2), (Height / 2) - (_image.Height / 2));
}
}
protected override void OnPaintBackground(PaintEventArgs e)
{
//Do not paint background
}
//Hack
public void Redraw()
{
RecreateHandle();
}
private void TimerOnTick(object source, EventArgs e)
{
RecreateHandle();
refresher.Stop();
}
public Image Image
{
get
{
return _image;
}
set
{
_image = value;
RecreateHandle();
}
}
}

Answer 4

PictureBox tiene 2 capas de imágenes: Imagen de fondo e Imagen, que puede usar de forma independiente, incluido el dibujo y el borrado.

Answer 5

Se hace referencia a una lista de publicaciones similares en la parte inferior de esta respuesta.

Esta respuesta aborda pictureBoxes y Winforms (en las otras publicaciones a continuación, varias reiteran que WPF ya lo resuelve bien)

1. Crear Winform
2. Crear x2 cuadros de imagen
   • foreground_pictureBox // picture box ''delante'' de ''background''
   • background_pictureBox // picture box ''behind'' the ''foreground''
3. Agregue el evento ''pintura'' para cada cuadro de imagen
   • seleccionar objeto en el ''diseñador''
   • elija la pestaña ''propiedades'' (o haga clic con el botón derecho y elija un menú emergente)
   • seleccione el botón de eventos (pequeño rayo)
   • haga doble clic en el campo vacío a la derecha del evento ''pintar''
4. Agregue el siguiente código a la función de ''carga'' del formulario principal (si aún no lo ha agregado, use el enfoque en el paso 3 y seleccione ''en carga'' en lugar de ''pintar'')

=

private void cFeedback_Form_Load(object sender, EventArgs e)
{
...
// Ensure that it is setup with transparent background
foreground_pictureBox.BackColor = Color.Transparent;
// Assign it''s ''background''
foreground_pictureBox.Parent = background_pictureBox;
...
}

5. En la llamada ''pintura'' para ''background_pictureBox'':

=

private void background_pictureBox_Paint(object sender, PaintEventArgs e)
{
...foreground_pictureBox_Paint(sender, e);
}

6. Dentro de la llamada ''foreground_pictureBox_Paint'', agregue las llamadas de gráficos que desee que se muestren en primer plano.

Este tema se repite en varias publicaciones:

how-to-make-picturebox-transparent

c-sharp-picturebox-transparent-background-doesnt-seem-to-work

make-overlapping-picturebox-transparent-in-c-net

a-picturebox-problem

Answer 6

Siempre he descubierto que he tenido que componer las imágenes yo mismo, usando una sola imagen o control. Tener dos pictureboxes con partes transparentes nunca me ha funcionado.