Winform AutoScrollを表示していると、思った位置にLabelを置けない

Question

実現したいこと

表のようなものを作成し、
SplitContenerの左側に項目名、右側にクリックでバーなどを追加できるものを
作ろうとしています。
DataGirdの見た目は少々気に入らないけれど、他に良い方法が思いつきませんでした。
Labelで罫線を作成し、スクロールバーを連動させて動かせば
自分が欲しいものを作れるかと思ってます。
Labelで作ったグリッドにあわせてスナップする機能も付けたいなと思ってますし、
やりたい事はたくさんあります。

いま出来なくて困っている事

動的生成したラベルをLabelListの配列に入れています。
splitContainerをクリックした時にピンク色のラベルを自動生成しています。
それにハマるようにHeightを合わせたりしているのですが、
クリックを数回していると、ラベルの位置がズレます。

Console.WriteLineは、50で割り切れる正しそうな数値がでるのですが、
なぜかラベルの描画が罫線にぴったりでなくズレます。
xやyなどの座標は、intで宣言しています。

splitContainer1にはスクロールバーが表示されており、
そのせいかもしれないと気づきました。
splitContainerにはAutoScrollをTrueにしているため、
Locationの値が見ている範囲だけという判断になっている可能性はあります。

でも、どのように対応したらいいのかが思いつきません。
最終的にはSplitContainerの左側と連動してスクロールさせたりしたいとも思っています。

発生している問題・エラーメッセージ

不要な部分は白塗りしました。
少しだけスクロールしてからクリックしたら、位置が罫線からズレました。

やりたい事

見えている位置のクリック座標ではなく、
SplitContainerの左上を基準としたクリック座標が知りたい

該当のソースコード

        List<Label> LabelList = new List<Label>();
        private void createCustomLabel(string MyText,int x,int y , int width ,int height)
        {
            Label MyLabel = new Label();
            LabelList.Add(MyLabel);
            MyLabel.BackColor = System.Drawing.Color.MistyRose;
            MyLabel.BorderStyle = System.Windows.Forms.BorderStyle.FixedSingle;
            MyLabel.Location = new System.Drawing.Point(x, y);
            MyLabel.Name = "myLabel";
            MyLabel.Size = new System.Drawing.Size(width,height);
            MyLabel.TabIndex = 0;
            MyLabel.Text = MyText;
            MyLabel.TextAlign = System.Drawing.ContentAlignment.MiddleCenter;
            splitContainer1.Panel2.Controls.Add(MyLabel);
        }

        private void splitContainer1_Panel2_MouseDown(object sender, MouseEventArgs e)
        {
            before_x = e.X;
            int a = e.Y / 50;
            a = a * 50;
            now_y = a;
            createCustomLabel("テスト", before_x, now_y, 60, 50);
            view = true;
        }

試したこと

スクロールバーを動かす範囲を50ずつ変更するということが出来れば
対応可能かもしれないと思いましたが、現在調査中です。
AutoScrollPositionでも監視は出来なさそうです…。

補足情報（FW/ツールのバージョンなど）

.NET Framework 4.7.2

Comments

[KOZ6.0]

スクロールの移動量は
splitContainer1.Panel2.VerticalScroll
splitContainer1.Panel2.HorizontalScroll
で調整できます。
スクロールのイベントは splitContainer1.Panel2.Scroll イベントで拾えます。

[nya-3]

ありがとうございます！

private void splitContainer1_Panel2_Scroll(object sender, ScrollEventArgs e)
{
int newData = (e.NewValue / 50) * 50;
if (e.ScrollOrientation == ScrollOrientation.VerticalScroll)
{
splitContainer1.Panel2.VerticalScroll.Value = newData;
}
if (e.ScrollOrientation == ScrollOrientation.HorizontalScroll)
{
splitContainer1.Panel2.HorizontalScroll.Value = newData;
}
Console.WriteLine(newData.ToString());
}
上記のようにしてみましたが、水平側のスクロールの右ボタンを押しても移動できないです。
バーをつかんで移動させれば移動できない事も無いですが…

Answer 1

やってみてわかりましたが、AutoScroll関連めちゃくちゃ癖が強いですね^^;
気を利かせてるんでしょうけど、完全に余計なお世話ですね...

見えている位置のクリック座標ではなく、

よくよく考えればe.Xが、そのまま使えてしまっているほうがおかしいです。
見えている位置と実際の位置が違っていても、X座標はクリックされた位置になっているように見えます。
つまり何か補正が自動的にかかっています。

SplitContainerの左上を基準としたクリック座標が知りたい

splitContainer1.Panel2.AutoScrollPositionを足せば実座標になりますが、余計なお世話のおかげでそのままではうまくいきません！
ScrollableControl.AutoScrollPosition プロパティ (System.Windows.Forms) | Microsoft Docs

うまく文章で説明できないので、実行して確認してください^^;

using System.Drawing;
using System.Windows.Forms;

namespace Qoa0qgwebrssgdm
{
    public partial class Form1 : Form
    {
        private readonly SplitContainer splitContainer1;

        public Form1()
        {
            InitializeComponent();

            splitContainer1 = new SplitContainer { Dock = DockStyle.Fill, };
            splitContainer1.Panel2.AutoScroll = true;
            splitContainer1.Panel2.MouseDown += SplitContainer1_Panel2_MouseDown;
            Controls.Add(splitContainer1);
        }

        //private void SplitContainer1_Panel2_MouseDown(object sender, MouseEventArgs e)
        //{
        //    // スクロール分を足す（AutoScrollPositionがマイナスで来るので引く）
        //    var p = new Point(e.X, e.Y) - (Size)splitContainer1.Panel2.AutoScrollPosition;
        //    // 同じ意味
        //    //var p = new Point(e.X - splitContainer1.Panel2.AutoScrollPosition.X, e.Y - splitContainer1.Panel2.AutoScrollPosition.Y);

        //    var y = p.Y / 50 * 50;

        //    var label = new Label
        //    {
        //        BackColor = Color.MistyRose,
        //        BorderStyle = BorderStyle.FixedSingle,
        //        Location = new Point(p.X, y),
        //        Size = new Size(60, 50),
        //        Text = "テスト",
        //        TextAlign = ContentAlignment.MiddleCenter,
        //    };

        //    // スクロールしているときにAddするとずれる
        //    // 普通にe.X,e.Yで追加できるように気を利かせてるんだと思うが、余計なお世話だなぁｗ
        //    var t = splitContainer1.Panel2.AutoScrollPosition;
        //    // 一旦スクロールを０に
        //    splitContainer1.Panel2.AutoScrollPosition = new Point(0, 0);
        //    splitContainer1.Panel2.Controls.Add(label);
        //    // スクロールを戻す（セットするときは正の数 これも意味が分からん仕様）
        //    splitContainer1.Panel2.AutoScrollPosition = new Point(-t.X, -t.Y);
        //}

        // 単純やると↑になってしまったが、気持ち悪すぎるのでこっちがいいかな？
        private void SplitContainer1_Panel2_MouseDown(object sender, MouseEventArgs e)
        {
            var offset = splitContainer1.Panel2.AutoScrollPosition;

            // スナップの計算にだけスクロール量を考慮しまた戻す
            var y = (e.Y - offset.Y) / 50 * 50 + offset.Y;

            var label = new Label
            {
                BackColor = Color.MistyRose,
                BorderStyle = BorderStyle.FixedSingle,
                Location = new Point(e.X, y),
                Size = new Size(60, 50),
                Text = "テスト",
                TextAlign = ContentAlignment.MiddleCenter,
            };

            splitContainer1.Panel2.Controls.Add(label);
        }
    }
}

Comments

[nya-3]

TN8001様
回答ありがとうございました！
無事、自分のやりたいような動作になりました！
スクロール量を元の値にプラスすることで綺麗に合うようになるとは気づきませんでした。
Y軸のスナップが出来、同じ方法を利用させて頂き、X軸もスナップできるようになりました！
ありがとうございましたorz

Answer 2

splitContainer1.Panel2.VerticalScroll.SmallChange = 50;
splitContainer1.Panel2.VerticalScroll.LargeChange = 50;
splitContainer1.Panel2.HorizontalScroll.SmallChange = 50;
splitContainer1.Panel2.HorizontalScroll.LargeChange = 50;

        private void splitContainer1_Panel2_Scroll(object sender, ScrollEventArgs e)
        {
            int newData = (e.NewValue / 50) * 50;
            if (e.ScrollOrientation == ScrollOrientation.VerticalScroll)
            {
                splitContainer1.Panel2.VerticalScroll.Value = newData;
            }
            if (e.ScrollOrientation == ScrollOrientation.HorizontalScroll)
            {
                splitContainer1.Panel2.HorizontalScroll.Value = newData;
            }
            Console.WriteLine(newData.ToString());
        }

これで、50ずつ移動することが出来るようになりました。

ただし、ScrollBerを右や下の端まで移動すると、ズレることがあります。

一番やりたかったことは、グリッド表示したものにスナップすることですが、
これは調べても情報が見つからないため難しいのかもしれません。

16:33　追記
UserForm1
→TabPage（Anchor Top,Left）　Dock None　Location Y=50　　ItemSizeは200,30
→SplitContaine1　Anchor Top,Left Dock Fill　SplitterDistance 180
Panel2(右側)　AutoScroll True

どうやら、SplitContainer1のPanel2、このAutoScroll内のサイズ？が
50で割り切れるサイズになっていないために動作がおかしい様子。
ホイールでスクロールした場合と、バーを持ってスクロールさせた場合に許容できない動作になります。
でも、どのように対応すれば良いのか分からず断念するかもしれないです。
何かアドバイスがあればください。