回答編集履歴

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

 

  クリックは`e.OriginalSource`に発生元が入っています。

  [RoutedEventArgs.OriginalSource プロパティ (System.Windows) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.routedeventargs.originalsource)

 

  コンテキストメニューは`PlacementTarget`でとれるんですが、今は`Canvas`についています。

  ここから`Image`をとるのはなかなか厳しいので、単純に`Image`に（も）コンテキストメニューをつけるのが楽そうです。

  [ContextMenu.PlacementTarget プロパティ (System.Windows.Controls) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.controls.contextmenu.placementtarget)

 

  <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; }

  }

  }

  ```