WPFで特定のフォルダの中にある画像をすべて表示するには

Question

皆様こんにちは。いつもお世話になっております。

質問させていただきます。

現在、私はWPFを使用してデスクトップマスコットを作っています。

参考にしたのは、こちらのサイト（「C#/WPFで作るデスクトップマスコット入門」）です。

ふと、特定のフォルダの中にある画像を一括でウィンドウに表示できたら

フォルダの中身を変えるだけで見た目を変更できてよいのでは？と思ったのですが

フォルダの中身を一括でウィンドウに表示する方法が分かりません。

WPFの何を利用すればこれが可能なのかヒントをいただけると幸いです。

具体的には、フォルダのファイルを全て取得した後、配列にして

その配列をウィンドウに表示するみたいなことが可能なのでしょうか？

素人の質問ですが皆様よろしくお願いします。
#####追記
現在、私が書いている特定のフォルダにあるファイル名を配列にするプログラム。

        private void Get_Imgs()
        {
            string[] files = System.IO.Directory.GetFiles(
               @"フォルダ名", "*.png", System.IO.SearchOption.AllDirectories);
            foreach(string file in files)
            {
            }
        }

途中でできた、クリックすると画像が変わるプログラム。

<Window x:Class="画像表示テスト2.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:画像表示テスト2"
        mc:Ignorable="d"
        Title="MainWindow"
        Background="Black">
    <Grid>
        <Image Name="img" Stretch="Uniform"/>
    </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;
using System.IO;
using System.Drawing;


namespace 画像表示テスト2
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.get_image();
        }
        protected override void OnMouseLeftButtonDown(MouseButtonEventArgs e)
        {
            base.OnMouseLeftButtonDown(e);
            this.Show_Image();
            count++;
        }
        protected override void OnMouseRightButtonDown(MouseButtonEventArgs e)
        {
            base.OnMouseLeftButtonDown(e);
            this.Show_Image();
            count--;
        }
        public string[] files;
        public int count = 0;
        private void get_image()
        {
            files = System.IO.Directory.GetFiles(
               @"フォルダ名", "*.png", System.IO.SearchOption.AllDirectories);
        }
        private void Show_Image()
        {
            if(count < 0)
            {
                count = files.Length - 1;
            }
            if(count > files.Length - 1)
            {
                count = 0;
            }
            var image = new BitmapImage();
            image.BeginInit();
            image.UriSource = new Uri(files[count], UriKind.RelativeOrAbsolute);
            image.CacheOption = BitmapCacheOption.OnLoad;
            image.EndInit();
            img.Source = image;
        }
    }
}

普段は
BitmapImage img = new BitmapImage(new Uri("ファイル名", UriKind.Relative))
this.image1.Source = img;
という風に画像を切り替えています。今回はこの方法ではウィンドウに画像が表示されなかったので
こちら（「WPFアプリケーションで画面に画像を表示するサンプルプログラム」）のサンプルに
書かれていたことを少し変えて、画像が表示されるようにしました。
この方法で画像を読み込んでいると、imageArrayに入れられないようです。
このままでは、「やりたいことだけ言って丸投げ人間」になってしまうと思って自分なりに調べてみたのですが
System.Windows.Controls.Imageで画像を読み込む方法が分かりません。
もし可能であれば、どういったキーワードで調べればよいか教えていただけると
助かります。

Answer 1

定番オススメサンプル

http://blogs.wankuma.com/kazuki/archive/2009/01/12/166182.aspx

Comments

[退会済みユーザー]

情報ありがとうございます。早速ダウンロードして解凍しました。
凄すぎて、理解には時間がかかりそうです。
少しずつ勉強させていただきます。

Answer 2

いい線いっています。

フォルダの中身を System.IO.Directory.GetFiles あたりで、イメージファイル(*.bmpとかで)だけ取得して、
返ってきたstring[] 配列のファイルを全て読込み、内容をImageとかの配列に突っ込み、
そのImage配列をリストボックスあたりのコントロールにバインドするだけでも出る気がします。

Comments

[退会済みユーザー]

回答ありがとうございます。おかげさまでファイル名の配列を作ることはできました。
Imageの配列を作る方法については調査中です。

[mugicya]

using System.Collections.ObjectModel;
参照する名前空間を定義し

public ObservableCollection<Image> imageArray = new ObservableCollection<Image>();
でコレクションを定義

imageArray.Add(読み込んだイメージへの参照);
すれば追加できます。

で、後は imageArray を何にバインドするかですかね。

Answer 3

予め、<Image x:Name="Image1" Strech="Uniform"/>というのを必要な数だけ作っておいてから
string[]filesにファイル名を入れます。
public int count = 0;というのを外に置き

        if (files.Length >= 1)
            {
                var image = new BitmapImage();
                image.BeginInit();
                image.UriSource = new Uri(files[count], UriKind.RelativeOrAbsolute);
                image.CacheOption = BitmapCacheOption.OnLoad;
                image.EndInit();
                Image1.Source = image;
                count++;
            }

というのをImageの数だけ繰り返します。