【WPF】C# Rectangle移動後の座標を取得したい

Question

前提・実現したいこと

色々なサイトを確認し、利用させて頂いてます。

たくさんあるのですが、手詰まり状態で困っています。
3日調べましたが、いい方法は見つかりませんでした。

・Rectangle移動後の座標、Canvasの左上を基準としたTop,Leftの値
⇒Canvas.GetLeft、Canvas.GetTopでは取得できませんでした。
RenderTransformの値だからだと思います。
MouseUpの時に現在位置を取得し設定して、RenderTransformを消したいです。

できたら、以下の内容もアドバイスがあれば伺いたいです。
・Rectangelの端をクリックし、ドラッグ移動でRectangleを拡大したい
⇒今のドラッグ移動のコードを一部追加したりすれば
Rectangleを左上座標固定して拡大することは出来そうだと思っています。
カーソルアイコンでの判定をしようと思っており、
これについてはまだ色々検証中です。

　

該当のソースコード

        <Canvas  Name="MyCanvas">
                        <Rectangle x:Name="Rectan" Width="100" Height="100" Fill="Transparent" StrokeThickness="3" Stroke="Red"></Rectangle>
        </Canvas>

        public PicView()
        {
            InitializeComponent();
            this.Top = 0;//ウィンドウ自体を移動
            this.Left = 0;//ウィンドウ自体を移動
            RectangleEvent();
        }

        public void RectangleEvent() {
	//色や線の太さなどは、後々動的に変更させる
            Rectan.MouseLeftButtonDown += Rect_MouseLeftButtonDown;
            Rectan.MouseEnter += Rect_MouseEnter;
            Rectan.MouseLeave += Rect_Leave;
            Rectan.MouseLeftButtonUp += Rect_MouseLeftButtonUp;
            Rectan.MouseMove += Rect_MouseMove;
            }

        // マウス押下中フラグ
        private bool _isMouseDown;
        // マウスの移動が開始されたときの座標
        private Point _startPoint;
        // マウスの現在位置座標
        private Point _currentPoint;

        void Rect_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            // フラグを"マウス押下中"にする
            _isMouseDown = true;

            Mouse.OverrideCursor = Cursors.SizeAll;
            Console.WriteLine("Cursors.Arrow！");
            _startPoint = e.GetPosition(MyCanvas);
            Console.WriteLine(e.GetPosition(sender as Rectangle));
            // イベントを処理済みとする（当イベントがこの先伝搬されるのを止めるため）
            e.Handled = true;
        }

        // マウス左ボタン解放イベントのハンドラ
        private void Rect_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            // マウス押下中フラグを落とす
            _isMouseDown = false;
            e.Handled = true;
	}
       private void Rect_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e)
        {
            (sender as Rectangle).Fill = new SolidColorBrush(Colors.Yellow);
            Mouse.OverrideCursor = Cursors.SizeNWSE;//拡大アイコン
            Console.WriteLine("マウスIN：" + e.GetPosition(sender as Rectangle));

        }

        // マウス移動イベントのイベントハンドラ
        private void Rect_MouseMove(object sender, MouseEventArgs e)
        {

            var rec = sender as Rectangle;
            // マウス押下中でなければドラッグ操作ではないのでメソッドを抜ける
            if (!_isMouseDown)
            {
                return;
            }

            //if (Mouse.OverrideCursor ==Cursors.SizeNWSE) {
            //}

            // マウスの現在位置座標を取得（MyCanvasからの相対位置）
            _currentPoint = e.GetPosition(MyCanvas);

            //移動開始点と現在位置の差から、MouseMoveイベント1回分の移動量を算出
            double offsetX = _currentPoint.X - _startPoint.X;
            double offsetY = _currentPoint.Y - _startPoint.Y;

            // 動かす対象の図形からMatrixオブジェクトを取得
            // このMatrixオブジェクトを用いて図形を描画上移動させる
            Matrix matrix = ((MatrixTransform)(sender as Rectangle).RenderTransform).Matrix;
            // TranslateメソッドにX方向とY方向の移動量を渡し、移動後の状態を計算
            matrix.Translate(offsetX, offsetY);
            // 移動後の状態を計算したMatrixオブジェクトを描画に反映する
            (sender as Rectangle).RenderTransform = new MatrixTransform(matrix);

            // 移動開始点を現在位置で更新する
            // （今回の現在位置が次回のMouseMoveイベントハンドラで使われる移動開始点となる）
            _startPoint = _currentPoint;
            e.Handled = true;
        }
            private void Rect_Leave(object sender, System.Windows.Input.MouseEventArgs e)
        {
            (sender as Rectangle).Fill = Brushes.Transparent;//透明化

            Mouse.OverrideCursor = Cursors.Arrow;//通常アイコン

           _isMouseDown = false;
           e.Handled = true;
        }

試したこと

　Canvas.GetLeft(this.Rectan);
　Canvas.GetTop(this.Rectan);

上記では、初期値が表示されるだけでした。
RenderTransformでRectangleを移動しているからだと思います。
MouseUpの時に現在位置を取得し設定し直して、
RenderTransformを消したいです。

試したこと　6/22 10：28

色々と検証を重ね、
いい方法とは思えませんが、
RectangleCreateにて、Rectangleを削除し作り直すようにしました。
（Eventのものは削除しました。

RectangleCreate(){
            var type = typeof(Brushes);
            Rectangle Rectan = new Rectangle();//Rectangle新規作成
            Rectan.Name = "Rectan";//Rectanという名前にする
            Rectan.Width = Width;
            Rectan.Height = Height;
            Canvas.SetTop(Rectan,Y);
            Canvas.SetLeft(Rectan,X);
            Rectan.Fill = Brushes.Transparent;//サンプルとして透明固定
            Rectan.Stroke = Brushes.Red;//サンプルとして赤固定
            Rectan.StrokeThickness = 2;//サンプルとして2固定
            Rectan.MouseLeftButtonDown += Rect_MouseLeftButtonDown;
            Rectan.MouseEnter += Rect_MouseEnter;
            Rectan.MouseLeave += Rect_Leave;
            Rectan.MouseLeftButtonUp += Rect_MouseLeftButtonUp;
            Rectan.MouseMove += Rect_MouseMove;
            MyCanvas.Children.Add(Rectan);
}

また、以下のようにしたら、正しい位置に表示されるようになった気がします。
正しいかどうかは不明ですが、見た感じ問題ないような気がします。

　X = Canvas.GetLeft(TEST) + TEST.RenderTransform.Value.OffsetX; //OffsetX
　Y = Canvas.GetTop(TEST) + TEST.RenderTransform.Value.OffsetY;//OffsetY
　Width = X + TEST.RenderSize.Width;//幅
　Height = Y + TEST.RenderSize.Height;//高さ

今2点気になっていることがあります。
・Rectangleを消したいが、名前で指定出来ない
「Rectan」を削除し、作成し直すという手を使おうとしてますが
NameでRectangleを検索できずNullになってしまうため、
Rectangleを動かせば動かすほど出来てしまいます。
var NG1=FindName("Rectan");
var NG2 = this.FindName("Rectan") as Rectangle;
Rectangle NG3 = (Rectangle)this.MyCanvas.FindName("Rectan");

・マウス左クリックを外していないのに、勝手にRectangleから外れる
マウスの動きが速かったり、Rectangleが小さいと
クリックしたままでも勝手にドラッグ判定から外れてしまいます。

・そもそも、移動機能は必要なのか…
WPF Canvasにマウスで図形を描画する方法
https://hyperts.net/wpf-drawcanvas-mouse/

Imageの上に、ユーザーがドラッグで四角形を描く。
そして、その四角形の場所、サイズなどを保存したいと思っていました。
描いた四角形の移動や拡縮は、四角形を描いた後の話であり
先に上記サイトのCanvasにRectangleを描く方を実施しようと思います。
そのRectangleを移動および拡縮できるように検討したいと思います。

とりあえず、TN8001様に教えて頂いた「ラバーバンド」というものを
調べてみようと思います。

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

VisualStudio 2019
.NET　4.5（だったはず）
WPF C#　（※　WinFormではない）

Comments

[TN8001]

こういうことをしている人は結構います。
日本語で検索する場合は、「wpf ラバーバンド」がいいです。
英語で検索する場合は、「wpf resizing adorner」がいいです。

英語で「rubber band」は、範囲選択の四角の話になっていますね。
日本人が勘違いしているのでしょうか？^^;

[退会済みユーザー]

TN8001様
アドバイスありがとうございます！
WPF　ラバーバンドで調べてみます。良いのが無ければ、英語でも調べます！

[TN8001]

> ・Rectangleを消したいが、名前で指定出来ない
Rectanはコードで作ってるのだから、探すまでもなくもう知っているのでは？

どうしてもFindNameしたい場合は、RegisterNameしてください。
[FrameworkElement.RegisterName(String, Object) メソッド (System.Windows) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.frameworkelement.registername

> ・マウス左クリックを外していないのに、勝手にRectangleから外れる

CaptureMouseすると激しく動かしてもウィンドウ外に行っても外れなくなります（はず未確認^^;
MouseUpでReleaseMouseCaptureしてください。

[UIElement.CaptureMouse メソッド (System.Windows) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.uielement.capturemouse

[UIElement.ReleaseMouseCapture メソッド (System.Windows) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.uielement.releasemousecapture

> ・そもそも、移動機能は必要なのか…

ドラッグ移動ならMouseDragElementBehaviorがあったりします。
[XamlBehaviorsWpf/MouseDragElementBehavior.cs at master · microsoft/XamlBehaviorsWpf](https://github.com/microsoft/XamlBehaviorsWpf/blob/master/src/Microsoft.Xaml.Behaviors/Layout/MouseDragElementBehavior.cs

やりたいことは見えているのですが、どういった方針にするのかがわからないと回答しずらいですね^^;

[退会済みユーザー]

TN8001様
回答ありがとうございます。
画面の端にボタン（移動、拡大縮小など）を用意してカーソルを変更し
ボタンに応じて移動などをさせるようにしようと思います。
Canvasにイベントを紐づけ、四角形を描画するところまで進むことが出来ました。

Rectanはコードで作ってるから知っているはずなのですが
RemoveでRectanを削除しようにも消せなかったのです。
（今はソースを色々いじったからか、消せるようになりました）

>MouseUpでReleaseMouseCaptureしてください。
ありがとうございます。確認します。
再度分からないことがあれば、編集して追記いたします。
よろしくお願いいたします。