動的に追加したImage コントロールの名前をマウスクリックで取得したい

Question

表題の通り、動的に Image コントロールの周りに Border で線を描いています。
Canvas に Image, Border を下記のコードのように追加しました。

マウスを右クリックでメニューを表示しています。そのイメージを回転や画像の差し替えなど操作したいため画像の上でクリックした img の名前などを取得したいのですが取得方法がわかりません。

Windows10 VS2019 WPF C#

    <Window.Resources>
        <ContextMenu x:Key="Menu1">
                <MenuItem Header="画像選択" Click="MenuItem_Imageselect" />
                <MenuItem Header="回転"/>
                <MenuItem Header="About us"/>
        </ContextMenu>

            :

            <Canvas Name="canvas1" Grid.Row="2" Grid.RowSpan="2" Grid.Column="0" Grid.ColumnSpan="2" Background="Transparent"
                     ContextMenu="{StaticResource Menu1}" MouseDown="canvas1_MouseDown" >
            </Canvas>

item は、コントロールの座標などのデータが入っています。
            foreach (var itm in items)
            {
                System.Windows.Controls.Image img = new System.Windows.Controls.Image();
                Canvas.SetTop(img, itm.Y);
                Canvas.SetLeft(img, itm.X);
                img.Width = itm.Width;
                img.Height = itm.Height;
                img.Name = "img" + cnt.ToString();

                Border br = new Border();
                //br.Background = itm.Iro;
                br.BorderBrush = itm.Iro;
                br.BorderThickness = new Thickness(Left = lineThick, Top = lineThick, Width = lineThick, Height = lineThick);
                Canvas.SetTop(br, itm.Y);
                Canvas.SetLeft(br, itm.X);
                br.Width = itm.Width;
                br.Height = itm.Height;

                canvas1.Children.Add(img);
                canvas1.Children.Add(br);

                ++cnt;
            }

コントロールを表示するとこのような感じで Image と Border が表示されています。枠内でクリックしたコントロールの名前を取得したい。

Answer 1

マウスを右クリックでメニューを表示しています。そのイメージを回転や画像の差し替えなど操作したいため画像の上でクリックした img の名前などを取得したいのですが取得方法がわかりません。

クリックはe.OriginalSourceに発生元が入っています。
RoutedEventArgs.OriginalSource プロパティ (System.Windows) | Microsoft Docs

コンテキストメニューはPlacementTargetでとれるんですが、今はCanvasについています。
ここからImageをとるのはなかなか厳しいので、単純にImageに（も）コンテキストメニューをつけるのが楽そうです。
ContextMenu.PlacementTarget プロパティ (System.Windows.Controls) | Microsoft Docs

<Window
  x:Class="Questions352983.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="800"
  Height="600">
  <Window.Resources>
    <ContextMenu x:Key="Menu1">
      <MenuItem Click="MenuItem_ImageSelect" Header="画像選択" />
    </ContextMenu>
  </Window.Resources>
  <Grid>
    <Canvas
      Name="canvas1"
      Background="Transparent"
      ContextMenu="{StaticResource Menu1}"
      MouseDown="Canvas1_MouseDown" />
  </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;

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

            var count = 0;
            var lineThick = 3;
            var menu = (ContextMenu)Resources["Menu1"];
            var items = new List<Item>
            {
                new Item { X = 20, Y = 20, Width = 500, Height = 300, BorderBrush = Brushes.Red, },
                new Item { X = 60, Y = 360, Width = 190, Height = 50, BorderBrush = Brushes.Red, },
                new Item { X = 280, Y = 340, Width = 240, Height = 200, BorderBrush = Brushes.Red, },
            };
            foreach (var item in items)
            {
                var image = new Image
                {
                    ContextMenu = menu,
                    Name = "img" + ++count,
                    Width = item.Width,
                    Height = item.Height,
                    Source = new BitmapImage(new Uri("https://teratail-v2.storage.googleapis.com/uploads/avatars/u13/132786/KnkDDC5A_thumbnail_32x32.jpg")),
                };
                // BorderのContextMenuを動かすため（Imageが上に重なってると動かないので）
                // Borderの中にImageを入れたが本題には無関係
                //Canvas.SetTop(image, item.Y);
                //Canvas.SetLeft(image, item.X);

                var border = new Border
                {
                    ContextMenu = menu,
                    Background = Brushes.Transparent,
                    BorderBrush = item.BorderBrush,
                    BorderThickness = new Thickness(lineThick),
                    Width = item.Width,
                    Height = item.Height,
                    Child = image,
                };
                Canvas.SetTop(border, item.Y);
                Canvas.SetLeft(border, item.X);

                canvas1.Children.Add(border);
                //canvas1.Children.Add(image);
            }
        }

        private void MenuItem_ImageSelect(object sender, RoutedEventArgs e)
        {
            if (sender is MenuItem menuItem)
            {
                if (menuItem.Parent is ContextMenu contextMenu)
                {
                    // 面倒だったのでMenu1を共用したが、ImageやCanvas専用メニューなら決め打ちでＯＫ
                    if (contextMenu.PlacementTarget is Image image)
                    {
                        Debug.WriteLine($"MenuItem_ImageSelect: {image.Name}");
                    }
                    if (contextMenu.PlacementTarget is Border)
                    {
                        Debug.WriteLine($"MenuItem_ImageSelect: Border");
                    }
                    if (contextMenu.PlacementTarget is Canvas)
                    {
                        Debug.WriteLine($"MenuItem_ImageSelect: Canvas");
                    }
                }
            }
        }

        private void Canvas1_MouseDown(object sender, MouseButtonEventArgs e)
        {
            Debug.WriteLine($"Canvas1_MouseDown: {e.OriginalSource}");
        }
    }

    class Item
    {
        public double X { get; set; }
        public double Y { get; set; }
        public double Width { get; set; }
        public double Height { get; set; }
        public Brush BorderBrush { get; set; }
    }
}

Comments

[byori]

TN8001 様、いつもお世話になります。

ご提示の通りにすることでコントロールの名前を取得できました。

本当にありがとうございます、また、レスが遅くなり失礼いたしました。