C#画像を透過させたいです。

Question

初めまして、C＃を勉強しているのですが
どうしてもわからなく、こちらに投稿させて頂きます。

※追記　
・開発環境
OS　Windows
Visual Studio 2019
NET Framework4.7.2 (C#)

・やりたいこと
画像（png)を透過させたいです。

・現状

VisulastudioでC＃を学習しています。
学習を目的とした簡単なゲームを作ろうとしていますが、
画像がすべて透過してしまい。アルファー箇所のみの透過出来ず困っています。

素材は、pngです。

・試したこと

以下を試したのですが、pictureBox2が表示されません。

public partial class Form1 : Form
    {
        public Form1()
        {

            InitializeComponent();



            pictureBox2.Parent = pictureBox1;
            pictureBox2.BackColor = Color.Transparent;
        }

お手数をお掛けいたしますが、アドバイスを頂ければ幸いです。
宜しくお願い致します。

Comments

[Hey_CH]

コードを見た感じ、pictureBox2にPNGを表示したいのかな？と思ったのですが、画像を表示するコードを書いてないのは何か意図があるのでしょうか？
pictureBox2に表示したいわけではない、という事であれば、どのようにしたいかを具体的に記載してください。

[退会済みユーザー]

> 画像（Ping)を透過させたいです。

png の間違いであれば質問欄は編集できるので訂正願います。

開発環境を質問欄に追記願います。OS, Visual Studio のバージョン、.NET Framework か Core のどちらなのかとそのバージョンなど。

[kai1987]

Hey_CHさん、SurferOnWwwさん
ありがとうございます。
まずSurferOnWwwさんのご指摘頂いた質問を訂正させて頂きます。

[kai1987]

質問を変更致しました。
質問に関する仕方を、教えて頂きありがとうございました。
次回から、気を付けるように致します。
他にも至らない点がありましたらご指摘頂ければ幸いです。
宜しくお願い致します。

[退会済みユーザー]

「picturebox png 透過」などをキーワードにググると参考になりそうな記事がいろいろヒットすると思うのですが、やってみましたか？　たとえば下記：

重なったPictureBoxの透過方法
https://teratail.com/questions/163912

[kai1987]

そうですね。いくつか、、質問投げる前に検索はしてみたのですが、上手く行きませんでした。
こちらがやりたい事に近かったので、参考に真似してみたのですが、上手く行きませんでした。
https://www.youtube.com/watch?v=KTHHVPqcbh0
環境や設定、または描画する素材に問題があるのかもと思いました。

ひとまず参考に頂いたリンクを試してみます。
ありがとうございます。

[kai1987]

SurferOnWww　さん

ありがとうございます。
どうやら私の認識が間違っていたみたいです。。

・出来ると思っていた事（勘違い）
PNG素材をアルファにできる。AとBの絵が交わる時アルファ箇所が透過される。

・結果（わかった事）
１枚の絵の上に表示され、なおかつアルファ値が透過される。

そもそも、自分の認識が間違っていたようです。。

・動画にやりたかったけど、できなかった事。わかった事をチャプターにしました。
https://youtu.be/6wtO4grGMpQ

また改めて質問を投稿させて頂こうかと思います。
ありがとうございました。

[退会済みユーザー]

動画をアップするより、なるべく質問で画像・文章で簡潔に伝える努力をしてみてください。動画の確認自体も時間が掛かりますし、ここは情報共有サイトでもあるので。動画に質問の詳細を投げると、データベースとしての価値が下がります。

[kai1987]

radian様
返信遅くなり申し訳ございません。

いろいろアドバイスありがとうございます。
文章で簡潔にできるように気を付けます。

Answer 1

ゲーム的な透過が必要なら、どうしてもWindows Formsじゃないといけないという制約が無いなら、WPFで作成した方がいいです。（はっきりいって用途的に不向きなので）
アルファも考慮して描画してくれますし、回転や半透明も簡単に出来ます。

using System;
using System.Windows;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace WpfApp1
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            image1.Source = new BitmapImage(new Uri(@"c:\test\skydiving_instructor.png"));
            image2.Source = new BitmapImage(new Uri(@"c:\test\sports_volleyball_woman_recieve.png"));
            image2.Opacity = 0.5; //50%半透明
            var transGroup = new TransformGroup();
            var rot = new RotateTransform(30.0); //30度回転
            transGroup.Children.Add(rot);
            image2.RenderTransform = transGroup;
        }
    }
}

Answer 2

とりあえず、それっぽく動いてるような気がしたので、回答として書いておきます。
Windowsフォームアプリケーションで、ゲームを作るのが主な目的なら、「C# Windows Forms game」等で検索すると良いと思います。

PictureBox的なオブジェクトをどうしても使いたい場合（重い）

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Runtime.InteropServices;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace TeraPNGTransparent {
    public partial class Form1 : Form {

        PictureBoxEx[] pictureBoxs;
        PictureBoxEx pictureBoxN;

        public Form1() {
            InitializeComponent();

            this.BackColor = Color.Red;
            this.MouseDown += (s, e) => {//左右クリックで移動
                if (e.Button == MouseButtons.Left) pictureBoxN.Left += 50;
                else pictureBoxN.Left -= 50;
            };

            pictureBoxs = new PictureBoxEx[5];//3個程度でも結構重い

            for (int i = 0; i < pictureBoxs.Length; i++) {
                pictureBoxs[i] = new PictureBoxEx();
                pictureBoxs[i].Location = new Point(50 * i, 0);
                pictureBoxs[i].Size = new Size(257, 300);//画像と同じサイズ（じゃなくても良い）
                pictureBoxs[i].ImageLocation = @"aaa.png";
                pictureBoxs[i].BackColor = Color.Transparent;
                pictureBoxs[i].Name = "pictureBox" + (i + 1);
            }

            pictureBoxN = new PictureBoxEx();
            pictureBoxN.Location = new Point(70, 70);
            pictureBoxN.Size = new Size(197, 300);//画像と同じサイズ（じゃなくても良い）
            pictureBoxN.ImageLocation = @"bbb.png";
            pictureBoxN.BackColor = Color.Transparent;
            pictureBoxN.Name = "pictureBoxN";

            foreach (var px in pictureBoxs) this.Controls.Add(px);
            this.Controls.Add(pictureBoxN);//先に追加した方が上になる
        }
    }


    public class PictureBoxEx : PictureBox {
        protected override void OnMove(EventArgs e) {
            base.OnMove(e);
            if (Parent != null) {
                Parent.Invalidate();
            }
        }
        //https://stackoverflow.com/questions/36710701/make-picture-boxes-transparent-each-overlapping-the-other-with-a-corner
        protected override void OnPaintBackground(PaintEventArgs pe) {
            base.OnPaintBackground(pe);
            Graphics g = pe.Graphics;
            if (this.Parent != null) {
                var index = Parent.Controls.GetChildIndex(this);
                for (var i = Parent.Controls.Count - 1; i > index; i--) {
                    var c = Parent.Controls[i];
                    if (c.Bounds.IntersectsWith(Bounds) && c.Visible) {
                        using (var bmp = new Bitmap(c.Width, c.Height, g)) {
                            c.DrawToBitmap(bmp, c.ClientRectangle);//これを使うとOnPaintBackgroundが呼ばれる。困る。
                            g.DrawImageUnscaled(bmp, new Point(c.Left - Left, c.Top - Top));
                        }
                    }
                }
            }
        }
    }
}

Formに描画する場合

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace TeraPNGTransparent2 {
    public partial class Form1 : Form {
        Point[] picturePoss;
        Point picturePosN;
        Bitmap[] pictures;
        Bitmap pictureN;

        public Form1() {
            InitializeComponent();

            this.BackColor = Color.Red;
            this.DoubleBuffered = true;
            this.MouseDown += (s, e) => {//左右クリックで移動
                if (e.Button == MouseButtons.Left) picturePosN.X += 50;
                else picturePosN.X -= 50;
                Invalidate();//再描画
            };
            this.Paint += Form1_Paint;
            Graphics g = this.CreateGraphics();

            picturePoss = new Point[5];
            pictures = new Bitmap[picturePoss.Length];
            for (int i = 0; i < picturePoss.Length; i++) {
                picturePoss[i] = new Point(50 * i, 0);
                pictures[i] = new Bitmap(@"aaa.png");
                pictures[i].SetResolution(g.DpiX, g.DpiY);//解像度が違う場合必要
            }
            picturePosN = new Point(70, 70);
            pictureN = new Bitmap(@"bbb.png");
            pictureN.SetResolution(g.DpiX, g.DpiY);//解像度が違う場合必要
        }

        private void Form1_Paint(object sender, PaintEventArgs e) {
            var g = e.Graphics;

            g.DrawImageUnscaled(pictureN, new Rectangle(picturePosN, pictureN.Size));

            for (int i = picturePoss.Length - 1; i >= 0; i--) g.DrawImageUnscaled(pictures[i], new Rectangle(picturePoss[i], pictures[i].Size));
        }
    }
}