Прозрачные изображения с C # WinForms - PullRequest
22 голосов
/ 27 декабря 2008

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

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

Я пытался использовать Picturebox, но, похоже, это не сработало, какие-либо предложения?

Ответы [ 6 ]

25 голосов
/ 12 января 2009

Я был в похожей ситуации пару дней назад. Вы можете создать прозрачный элемент управления для размещения вашего изображения.

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();
        }
    }
}
6 голосов
/ 14 октября 2011

PictureBox имеет 2 слоя изображений: BackgroundImage и Image, которые вы можете использовать независимо друг от друга, включая рисование и очистку.

4 голосов
/ 27 декабря 2008

Поместите большое / нижнее изображение в PictureBox, затем добавьте обработчик к событию OnPaint и используйте одну из перегрузок e.Graphics.DrawImage(). Вы можете загрузить изображение, используя Image.FromFile().

Маленькое / верхнее изображение должно иметь альфа-канал и быть прозрачным на заднем плане, чтобы наложение работало. Вы должны быть в состоянии обеспечить это довольно легко в Photoshop или что-то подобное. Убедитесь, что вы сохранили в формате, который поддерживает альфа-канал, например PNG.

3 голосов
/ 20 августа 2012

Код vb.net (Все кредиты Леону Тайсону):

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
1 голос
/ 26 февраля 2014

Список похожих постов указан в конце этого ответа.

Этот ответ относится к pictureBoxes и Winforms (в других постах ниже некоторые повторяют, что WPF уже хорошо это решает)

  1. Создать Winform
  2. Создание x2 PictureBoxes
    • foreground_pictureBox // графическое поле 'перед' фоном '
    • background_pictureBox // картинная рамка 'за' передним планом '
  3. Добавить событие 'paint' для каждого pictureBox
    • выделить объект в «конструкторе»
    • выберите вкладку «Свойства» (или щелкните правой кнопкой мыши и выберите во всплывающем меню)
    • выберите кнопку событий (маленькая молния)
    • двойной щелчок в пустом поле справа от события 'paint'
  4. Добавьте следующий код в функцию загрузки основной формы (если она еще не добавлена, используйте подход на шаге 3 и выберите «под нагрузкой», а не «рисовать»)

=

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. В вызове 'paint' для background_pictureBox ':

=

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

6. В вызове foreground_pictureBox_Paint добавьте графические вызовы, которые вы хотите отображать на переднем плане.

Эта тема повторяется в нескольких сообщениях, кажется:

как к макияж PictureBox прозрачный

с-острый PictureBox-прозрачно-фон-оленья кожа-кажется, к работе

сделать перекрывающийся-PictureBox-прозрачным-в-с-нетто

а-PictureBox-проблема

0 голосов
/ 28 декабря 2008

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

...