【C#】WPFでImageコントロールをまとめて操作したい

Question

前提・実現したいこと

ImageのコントロールをVisible、Hiddenで切り替えて表示してます。
大量のImageを切り替えたいと思っているのですが
If文で毎回実行していくのも違うと思い、いい方法がないか調べてます。

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

・Imageコントロールを総当たりする方法が分からない
・Imageコントロールのx:Nameの値で比較して操作したい
(特定名のイメージを操作したい）

該当のソースコード

現状は、ボタンを押すとImage1が表示され、
ボタン2を押すとImage2が表示されます。

<Window x:Class="WpfApp3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp3"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Image x:Name="Image1" Source="pic/1.png" Visibility="Hidden" />
        <Image x:Name="Image2" Source="pic/2.png" Visibility="Hidden" />
        <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
        <Button Content="Button2" HorizontalAlignment="Left" Margin="75,0,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click2"/>
    </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApp3
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Image1.Visibility = Visibility.Visible;
            Image2.Visibility = Visibility.Hidden;
        }

        private void Button_Click2(object sender, RoutedEventArgs e)
        {
            Image1.Visibility = Visibility.Hidden;
            Image2.Visibility = Visibility.Visible;
        }
    }
}

試したこと

this.Controls["label1"].Text = "HIRO";

上記と同じように
this.Controls["Image1"].Visibility = Visibility.Visible;
としてみましたが、Controlsが定義に含まれていないと
エラーが出て上手くいきませんでした。

           foreach (var child in MyGrid.Children)
            {
                if (child.Name == "Image1") { 
                    
                }
                //do something with child 
            }

Gridに「x:Name="MyGrid"」と名前を付け、Childernとすることで
Imageのコントロールが取得出来ているような気がしますが、操作方法が分かりません。

お手数をおかけしますが、回答のほどよろしくお願いいたします。

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

Windows10
VisualStudio2019
.NET4.5

Answer 1

this.Controls["label1"].Text = "HIRO";

この書き方はWindows FormsのものですのでWPFでは使えません。

例えばこんな感じでMyGridの子であれば、まとめて切り替えられます。

using System.Linq;
using System.Windows;
using System.Windows.Controls;

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

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            ToggleImage(Image1);
        }

        private void Button_Click2(object sender, RoutedEventArgs e)
        {
            ToggleImage(Image2);
        }

        private void ToggleImage(Image image)
        {
            // MyGridの子のうちImageだけを列挙
            foreach(Image i in MyGrid.Children.OfType<Image>())
            {
                // Nameで比較してもいいのですが打ち間違えたりするので、直接比較したほうがミスがない
                if(image == i)
                {
                    i.Visibility = Visibility.Visible;
                }
                else
                {
                    i.Visibility = Visibility.Hidden;
                }
            }
        }
    }
}

「WindowのすべてのImageを列挙したい」ような場合は、VisualTreeHelperを使います。
VisualTreeHelper クラス (System.Windows.Media) | Microsoft Docs

参考 VisualTreeの子孫要素を取得する - xin9le.net

ほかにもいろいろ方法はありそうですが、もう少し具体的な例でないと何とも言えませんね^^;

Comments

[退会済みユーザー]

TN8001様、回答ありがとうございます！
WPFで調べているのに、見つかるのは毎回WindowsFormのほうなんですよね…。

頂いたソースコードで完璧に動きました！
Nameで比較したかったので、ソースを部分変更しましたが
問題なく動いたのでホッとしております。
WindowすべてのImageを列挙したいと記載しましたが、
Gridなど範囲を限定しても動作に問題ない為、このまま利用しようと思います！

たぶん、また質問させて頂くかと思いますが
その際もお時間に余裕があれば回答をお願いいたします。
毎回ありがとうございます！