(WPF)ー動的に生成したImageにContextMenuをつける方法

Question

WPFにて動的に生成した画像にContextMenuを付けたいです
静的で表すとこんな感じにしたいです。

        <Image x:Name="Image1">
            <Image.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="A" Click="A_Click"/>
                </ContextMenu>
            </Image.ContextMenu>
        </Image>

ですが

Image img = new Image();
MenuItem menuItemA = new MenuItem();
menuItemA.Header = "A";
menuItemA.Click += A_Click;
img.ContextMenu.Items.Add(menuItem1);
Grid1.Children.Add(img);

とやると実行時に5行目でエラーがでてしまいます。
これはImg自体にContextMenuというオブジェクトが備わっていないと私は判断しました。
ですのでImageクラスに備わっていないContextMenuの取り付け方、またはその代替案が存在して入れば教えていただきたいです
プログラミング自体初心者ですが、是非ともよろしくお願いいたします。

Answer 1

回答ありがとうございました。

Image img = new Image();
MenuItem menuItemA = new MenuItem();
menuItemA.Header = "A";
menuItemA.Click += A_Click;
img.ContextMenu = new ContextMenu();
img.ContextMenu.Items.Add(menuItem1);
Grid1.Children.Add(img);

としたところNullReferenceExceptionがなくなり無事作動しました。
後半部分は少し理解に時間がかかりそうなので、これから勉強しながら意味を完璧に理解できるよう頑張ります

Comments

[TN8001]

> 後半部分は少し理解に時間がかかりそうなので、これから勉強しながら意味を完璧に理解できるよう頑張ります

今はない（いつ来るかも来るかすらも未定な）文法の話ですので、理解しないで結構です^^;

Answer 2

とやると実行時に5行目でエラーがでてしまいます。

NullReferenceExceptionですね（エラー内容は質問に書いておいてください）

これはImg自体にContextMenuというオブジェクトが備わっていないと私は判断しました。

はい。
xamlでいうと<ContextMenu>の部分が、C#コードにはありません。

var menuItem = new MenuItem();
var contextMenu = new ContextMenu();
contextMenu.Items.Add(menuItem);
var image = new Image();
image.ContextMenu = contextMenu;

か、

var menuItem = new MenuItem();
var image = new Image();
image.ContextMenu = new ContextMenu();
image.ContextMenu.Items.Add(menuItem);

としてください（意味は同じ）

ContextMenu の概要 - WPF .NET Framework | Microsoft Learn

---

今は無理ですがオブジェクト初期化子でイベントも書けるようになれば、xamlと同じ順で記述できます（いつ来るかはわかりません）

var image = new Image { ContextMenu = new ContextMenu { Items = { new MenuItem { } } } };

[Proposal]: Compound assignment in object initializer and with expression · Issue #5176 · dotnet/csharplang

<Window
  x:Class="Q6n8cq9goqybfsp.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="800"
  Height="450">
  <Canvas Background="Transparent" MouseLeftButtonUp="Canvas_MouseLeftButtonUp">
    <Image Source="https://teratail-v2.storage.googleapis.com/uploads/avatars/u13/132786/KnkDDC5A_thumbnail.jpg">
      <Image.ContextMenu>
        <ContextMenu>
          <MenuItem Click="A_Click" Header="A" />
        </ContextMenu>
      </Image.ContextMenu>
    </Image>
  </Canvas>
</Window>

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

namespace Q6n8cq9goqybfsp;

public partial class MainWindow : Window
{
    public MainWindow() => InitializeComponent();

    private void A_Click(object sender, RoutedEventArgs e) => Debug.WriteLine("A_Click");

    private void Canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        if (sender is Canvas canvas)
        {
            {
                var menuItem = new MenuItem();
                menuItem.Header = "A";
                menuItem.Click += A_Click;

                var contextMenu = new ContextMenu();
                contextMenu.Items.Add(menuItem);

                var image = new Image();
                image.Source = new BitmapImage(new Uri("https://teratail-v2.storage.googleapis.com/uploads/avatars/u13/132786/KnkDDC5A_thumbnail.jpg"));
                image.ContextMenu = contextMenu;

                canvas.Children.Add(image);


                var p = e.GetPosition(canvas);
                Canvas.SetLeft(image, p.X);
                Canvas.SetTop(image, p.Y);
            }

            //{
            //    var menuItem = new MenuItem();
            //    menuItem.Header = "A";
            //    menuItem.Click += A_Click;

            //    var image = new Image();
            //    image.Source = new BitmapImage(new Uri("https://teratail-v2.storage.googleapis.com/uploads/avatars/u13/132786/KnkDDC5A_thumbnail.jpg"));
            //    image.ContextMenu = new ContextMenu();

            //    image.ContextMenu.Items.Add(menuItem);

            //    canvas.Children.Add(image);


            //    var p = e.GetPosition(canvas);
            //    Canvas.SetLeft(image, p.X);
            //    Canvas.SetTop(image, p.Y);
            //}

            //{
            //    var image = new Image
            //    {
            //        Source = new BitmapImage(new Uri("https://teratail-v2.storage.googleapis.com/uploads/avatars/u13/132786/KnkDDC5A_thumbnail.jpg")),
            //        ContextMenu = new ContextMenu
            //        {
            //            Items =
            //            {
            //                new MenuItem
            //                {
            //                    Header = "A",
            //                    // こう書ければxamlと順番も揃うのだが残念ながら今は無理
            //                    // [[Proposal]: Compound assignment in object initializer and `with` expression · Issue #5176 · dotnet/csharplang](https://github.com/dotnet/csharplang/issues/5176)
            //                    //Click += A_Click, 
            //                },
            //            },
            //        },
            //    };
            //    // 苦しすぎるw
            //    ((MenuItem)image.ContextMenu.Items[0]).Click += A_Click;

            //    canvas.Children.Add(image);


            //    var p = e.GetPosition(canvas);
            //    Canvas.SetLeft(image, p.X);
            //    Canvas.SetTop(image, p.Y);
            //}
        }
    }
}