ドラッグしたグラフィックスをコントロールの上を通過させたい。

Question

以下のソースコードは、フォームForm1の上でマウスクリックすると、下の図のように赤い円が表示され、またその円をドラッグすると、マウスに従って移動します。

ここで、質問があります。

このドラッグした円を、ラベルやスクロールバーなど、コントロールを横切るとき、その下に隠れてしまいます。
本当は、コントロールの上側を通過させ、円の一部の表示が消えないようにしたいのですが、どのようにすればいいでしょうか。
ご教示の程、よろしくおねがいします。

（なお、ソースコードの中にConsole.WriteLineがありますが、これを表示させるためには、VSのプロジェクト－－（プロジェクト名)プロパティ－－アプリケーションの中の「出力の種類（U)」リストボックスでコンソールアプリケーションを選択すると表示されます。）

using System;
using System.Windows.Forms;
using System.Drawing;
using System.Collections.Generic;

namespace MoveObject
{
    class Form1 : Form
    {
        const int RADIUS = 20;   // 円の半径
        bool dragFlag = false;  // リストに記録された円をドラッグした時のフラグ
        int index;  // ドラッグした既存の円を示すインデックス（添え字）

        Point p = new Point();  // 円の座標をテンポラリに記録
        private List<Point> ls; // 円を描画する場所（円の中心）を記録するリスト
        Label label1 = new Label();   // 参考文献を表示するラベル
        HScrollBar hScrollBar = new HScrollBar();  // スクローブバー（現状では表示だけ）

        public static void Main()
        {
            Application.Run(new Form1());
        }


        public Form1()
        {
            this.Text = "円を追加し、またドラッグして動かす";
            this.Size = new Size(640, 480);
            this.Controls.Add(label1);
            this.Controls.Add(hScrollBar);

            ls = new List<Point>(); // 円の中心を記録するリスト

            this.DoubleBuffered = true; // 円を動かしたときにちらつきを抑えるため

            // イベントハンドラーの登録
            this.MouseDown += new MouseEventHandler(fm_MouseDown);
            this.MouseMove += new MouseEventHandler(fm_MouseMove);
            this.MouseUp += new MouseEventHandler(fm_MouseUp);
            this.Paint += new PaintEventHandler(fm_Paint);

            label1.MouseMove += new MouseEventHandler(label1_MouseMove);


            // 参考文献を表示するラベル
            label1.BorderStyle = BorderStyle.FixedSingle;
            label1.Location= new Point(15, 150);
            //label1.Parent = this;
            label1.AutoSize = true;
            label1.Text = "本ソースコードは、ソフトバンククリエーティブ社出版の高橋麻奈著「やさしいC#（第３版）p222他を参考に作成した。";

            hScrollBar.Location = new Point(15, 200);
            hScrollBar.Size = new Size(600, 20);

        }


        public void fm_MouseDown(Object sender, MouseEventArgs e)
        {
            p.X = e.X;
            p.Y = e.Y;

            if (ls.Count != 0)  //　リストlsに１つ以上円が登録されているときの処理処理
            {
                foreach (Point pointRegisted in ls)
                {
                    // 既存の円の中でマウスクリックしたことを判定し、処理する。
                    if ((p.X - pointRegisted.X) * (p.X - pointRegisted.X) + (p.Y - pointRegisted.Y) * (p.Y - pointRegisted.Y) < RADIUS * RADIUS)
                    {
                        Console.WriteLine("該当した円の中");
                        index = ls.IndexOf(pointRegisted);  // ドラッグした円のインデックスを記録
                        dragFlag = true;    // 円をドラッグしたことを表すフラグを立てる
                        break;
                    }
                    else Console.WriteLine("リスト検索中の円の外");
                }

                if (!dragFlag)  //　リストlsに円がひとつも登録されていない時の処理（初めに円を登録するときの処理）
                {
                    ls.Add(p);　//円を初めて追加
                }
            }
            else
            {
                ls.Add(p);  // リストに円がひとつ以上あるときに、さらに追加
            }

            this.Invalidate();
        }

        public void label1_MouseMove(Object sender, MouseEventArgs e)
        {
            Console.WriteLine("label1上と移動中");
        }


        public void fm_MouseMove(object sender, MouseEventArgs e)
        {
            // 円をドラッグしているときの処理
            if (dragFlag)
            {
                // 円をドラッグしマウスを移動した位置を記録する。
                p.X = e.X;
                p.Y = e.Y;
                ls[index] = p;　// indexで示された円の位置を書き換える

                Console.WriteLine("移動中　p.X={0}    p.Y={1}  ",p.X,p.Y);

                this.Invalidate();
            }
        }


        public void fm_MouseUp(object sender, MouseEventArgs e)
        {
            if (dragFlag)
            {
                p.X = e.X;
                p.Y = e.Y;
                ls[index] = p;  // マウスドラッグを離した位置に書き換える

                this.Invalidate();
            }
            dragFlag = false;
        }


        // MoveCircleのFormに描画（paint)する
        public void fm_Paint(object sender, PaintEventArgs e)
        {
            Graphics g = e.Graphics;
            Pen dp = new Pen(Color.Red, 1);

            // 円を順番に描画する
            foreach (Point p in ls)
                g.DrawEllipse(dp, p.X - RADIUS, p.Y - RADIUS, RADIUS * 2, RADIUS * 2);
        }
    }
}

操作環境：Wid10　
Microsoft Visual Studio Community 2019
Version 16.4.6

Comments

[Zuishin]

円をフォームに描画するのではなく、円形のコントロールにするのが一番簡単だと思います。その他の手としては、フォームの最全面を透明のコントロールで覆ってそこに描画する方法もありますが、その下のコントロールを扱うのが面倒になります。

[guijiu]

お恥ずかしくお聞きしにくいのですが、「円形のコントロール」とはどのようなことをすればいいのでしょうか？
説明が面倒なようでしたら、参考になるサイトや本をご紹介いただけないでしょうか?

[Zuishin]

Region を調べるとわかると思います。

使い方のサンプルです。
https://qiita.com/Zuishin/items/0de2c21fbac5d0190c8b

[guijiu]

ありがとうございます。これから食事の支度をしなければならないので、落ち着いたらやってみます。

[guijiu]

Zuishinさん、ご無沙汰しています。返信が遅くなり申し訳ありません。
　貴殿の言われるコントロールにするの意味が理解できました。特に円形にはこだわっておらず、Regionは使いませんでした。
　成果物として、次のアプリを作ることができました。
https://qiita.com/guijiu/items/226b71957401c08dac09

　ご教示いただき、ありがとうございました。

[Zuishin]

自己解決してください。

Answer 1

PictureBoxなどのコントロールにイベントハンドラを埋め込むことで、対応できました。

成果物は次のとおりです。

https://qiita.com/guijiu/items/226b71957401c08dac09