WPF C# ImageSourceを利用しているからか、画像がロックされてしまう

Question

お世話になります。
色々なところで調べたものを利用させて頂いておりますが、分からないため教えてください。

実現したいこと

• imageフォルダにある画像をロックしないようにしたい
• リストビューに画像をドロップしたら、自動で画像が追加表示したい
• MainWindowに全面ImageView、SubWindowに画像一覧をリスト表示をロックをかけずにしたい
• 追加した画像名がカブる場合、警告を表示して上書きするか選びたい
• リストビューにボタンを表示し、imageフォルダにある画像を削除できるようにしたい

とりあえず、画像をロックしない方法と、画面表示を更新する方法（Bindingが理解できてない？）を知りたいです。

前提

リストビューを表示し、ドロップした画像をアプリのフォルダにjpg変換してコピーします。
リストビューのテキストボックスを編集したら
メタデータのタイトルに書き込む予定となっています。

ドロップしてアプリのimageフォルダにjpgとしてコピーは出来ましたが、
BindingでImageに直接表示しているためか
ロックがかかってしまい編集や削除が出来ない状況になります。

上手くいかないこと

・ドロップした画像が追加表示されない
・ドロップした画像も、元々imageフォルダにあった画像もロックがかかり削除や編集ができない。
・

・TextBox_PreviewTextInputが確定時以外で動く（アルファベッド1文字いれたら動く、ひらかな入力で未確定だと問題なし）
→できたらフォーカスが外れたときに動かしたい

該当のソースコード

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="2*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="8*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <ListView x:Name="SubList" Grid.Column="0" SelectionChanged="SubList_SelectionChanged" AllowDrop="True"  DragOver="File_DragOver" Drop="File_Drop">
            <ListView.View>
                <GridView>
                    <!--<GridViewColumn
                        Width="200"
                        DisplayMemberBinding="{Binding FileTitle}"
                        Header="タイトル" />-->
                    <GridViewColumn Width="200" Header="タイトル">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <TextBox Padding="1" Width="200" Text="{Binding Path=FileTitle}" TextWrapping="Wrap" PreviewTextInput="TextBox_PreviewTextInput"/>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>

                    <GridViewColumn Width="50" Header="ファイル名"
                         DisplayMemberBinding="{Binding FileName}"/>

                </GridView>
            </ListView.View>
        </ListView>
        <ListView x:Name="SubListPic" Grid.Column="1"  ItemsSource="{Binding FileDatas}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionChanged="SubListPic_SelectionChanged" AllowDrop="True"  DragOver="File_DragOver" Drop="File_Drop">
            <ListView.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel/>
                </ItemsPanelTemplate>
            </ListView.ItemsPanel>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid Width="150" Height="150">
                        <TextBlock Text="{Binding FileTitle}"></TextBlock>
                        <Image Source="{Binding FilePath}"></Image>
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

     public partial class SubWindow : Window
    {

        public static List<FileData> FileDatas = new List<FileData>();
        public static bool SelectChangeNow=false;
        

        public SubWindow()
        {
            InitializeComponent();
            SubList.ItemsSource = FileDatas;
            SubListPic.ItemsSource = FileDatas;

            DataImport();

        }


        public void DataImport()
        {
            string DefoPath = System.AppDomain.CurrentDomain.BaseDirectory.TrimEnd('\\') + "\\image\\";

            string[] filesFullPath = System.IO.Directory.GetFiles(@DefoPath, "*.jpg", System.IO.SearchOption.TopDirectoryOnly);
            foreach (string fileFullPath in filesFullPath)
            {
                string fileName = System.IO.Path.GetFileName(fileFullPath);
                string Title = "";
                using (var fs = new FileStream(fileFullPath, FileMode.Open, FileAccess.ReadWrite))
                {
                    // ファイルを読み込み、BitmapFrameを作成する
                    var f = BitmapFrame.Create(fs, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnDemand);
                    // メタデータを編集するためのインスタンスを作成する
                    var meta = f.CreateInPlaceBitmapMetadataWriter();
                    // メタデータの変更を元のファイルに書き込む
                    meta.TrySave();
                }

                //フルパスを出力
                Console.WriteLine("ファイル = {0}", fileFullPath);

                //ファイル名のみを出力
                Console.WriteLine("ファイル = {0}", fileName);
                FileDatas.Add(new FileData(Title, fileName,fileFullPath));
            }
        }

        private void TextBox_PreviewTextInput(object sender, TextCompositionEventArgs e)
        {
            var textData = sender as TextBox;
            if (textData == null) return;

            MessageBox.Show(textData.Text);
        }

        private void File_Drop(object sender, DragEventArgs e)
        {
            if (e.Data.GetDataPresent(DataFormats.FileDrop) == false)
                return;
            var originalPath = ((string[])e.Data.GetData(DataFormats.FileDrop));
            var outputPath = System.AppDomain.CurrentDomain.BaseDirectory.TrimEnd('\\') + "\\image\\";
            var NGList = new List<string>();

            for (var i = 0; i < originalPath.Length; i++)
            {
                var fileNameEx = Path.GetFileName(originalPath[i]);//FileName.bmp 拡張子付きファイル名
                var fileName = Path.GetFileNameWithoutExtension(originalPath[i]);//FileName
                var extension = Path.GetExtension(originalPath[i]);//拡張子「.jpg/.jpeg/.png/.bmp」
                if (extension.ToLower() != ".jpg" && extension.ToLower() != ".jpeg" &&
                  extension.ToLower() != ".bmp" && extension.ToLower() != ".png") 
                {
                    NGList.Add(fileName);
                    continue;

                }
                // 入出力するファイルを開く
                var fsin = new FileStream(originalPath[i], FileMode.Open, FileAccess.ReadWrite);
                BitmapFrame f = BitmapFrame.Create(fsin, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnDemand);
                var meta = f.Metadata.Clone() as BitmapMetadata ?? new BitmapMetadata("jpg");
                // JPEGファイルの出力
                var enc = new JpegBitmapEncoder();
                enc.Frames.Add(BitmapFrame.Create(f, f.Thumbnail, meta, f.ColorContexts));

                var fsout = new System.IO.FileStream(outputPath + fileName + ".jpg", FileMode.Create);
                enc.Save(fsout);
                
                fsin.Close();
                fsout.Close();
                fsin=null;
                fsout=null; 
            }

            string NGListData = "";
            if (NGList.Count != 0) { 
            for(var i = 0; i < NGList.Count; i++)
                {
                    NGListData = NGListData + NGList[i] + "\n";
                }
            MessageBox.Show(NGListData + "のファイルは読めませんでした");
            }

            DataImport();

        }
}

namespace TEST
{

    public class FileData : INotifyPropertyChanged
    {
        private string fileTitle = "default";
        public string FileTitle
        {
            get { return fileTitle; }
            set
            {
                if (fileTitle != value)
                {
                    fileTitle = value;
                    OnPropertyChanged();
                }
            }
        }

        private string fileName = "default";
        public string FileName
        {
            get { return fileName; }
            set
            {
                if (fileName != value)
                {
                    fileName = value;
                    OnPropertyChanged();
                }
            }
        }

        private string filePath = "default";
        public string FilePath
        {
            get { return filePath; }
            set
            {
                if (filePath != value)
                {
                    filePath = value;
                    OnPropertyChanged();
                }
            }
        }


        public FileData(string fileTitle, string fileName, string filePath)
        {
            FileTitle = fileTitle;
            FileName = fileName;
            FilePath = filePath;
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }

        public override string ToString()
        {
            return $"{FileName}";
        }

    }
}

追記

　追記長すぎたので削除

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

Visualstudio2022
.NET 6.0　C#

回答頂いたソースについて

TN8001様、回答ありがとうございます！
BindingとMVVMが難しくて中々理解が難しいですが、勉強頑張ります。

動作確認をしたかったため、VisualStudioで新規作成し
ソースをコピペしてビルドしてみましたが、エラーが出て実行できません。
NugetではMVVM追加済みです。
（見づらいため本文にもエラー内容を追記しています）

1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.ClassUsingAttributeInsteadOfInheritanceAnalyzer のインスタンスは C:\Users\test.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
～同じようなエラーが数個～

VisualStudio2022でMVVM使うために、C#のバージョン？を上げないといけないとみて
TEST.csprojに<LangVersion>9.0</LangVersion>を追加してみましたが、ビルド出来ない症状は変わりませんでした。
以下のようなエラーも出ています。

VisualStudio 2022 Version17.3.4を利用してます。
度々申し訳ありませんが、何か分かりますでしょうか。

Comments

[YAmaGNZ]

「WPF C# ImageSource　ファイルロック」とでも検索してみてはどうでしょう？

[nodoita]

YAmaGNZ様
回答ありがとうございます。
//lock less bitmap
MemoryStream data = new MemoryStream(File.ReadAllBytes(dst_image_path));
WriteableBitmap wbmp = new WriteableBitmap(BitmapFrame.Create(data));
data.Close();

this.Dispatcher.Invoke((Action)(() => {
BitmapImage bmp = new BitmapImage();
bmp.BeginInit();
bmp.CacheOption = BitmapCacheOption.OnLoad;
bmp.UriSource = new Uri(dst_image_path);
bmp.EndInit();
WriteableBitmap wbmp = new WriteableBitmap(bmp);
this.MainImage.Source = wbmp;
}));

上記のような方法を見つけましたが、
Bindingがあまり良く分かっておらずどのように修正すべきか分からない状況です。
メモリに読ませて描画させれば画像ロックしないことは分かったのですが
それをどう「FileData.cs」や「SubWindow.xaml.cs」に記載すれば良いのか分からないのです。

リストビューで反映するようにするために
<Image Source="{Binding FilePath}"></Image>
上記のように設定していて自動で画像が表示されています。

画像ドロップ時に表示されないこと、画像ファイルがロックされることを除けば、思った通りの動作をしています。

[YAmaGNZ]

FileDataクラスにてFilePathが設定された時などに画像を読み込みロックされないようにして、読み込んが画像をBitmapImageといったプロパティで公開しバインドすればいいのでは？
検索したらそういった方法の解説ページが見つかりましたしConverterを用意してロックを回避する方法を解説するページもありました。

Answer 1

以降の質問でだいぶ全貌が分かったので、回答しなおします。

• SubWindowをダイアログに変更
• ListViewをDataGridに変更
• ViewModelを分離しやすい構造に変更
• 文字数がタイトなためコメントなし

MainWindow

<Window
 x:Class="Qt6uox4f1iujybm.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:local="clr-namespace:Qt6uox4f1iujybm"
 Title="MainWindow"
 SizeToContent="WidthAndHeight">
 <Window.Resources>
  <local:ImageConverter x:Key="ImageConverter" />
 </Window.Resources>

 <DockPanel>
  <ToolBar DockPanel.Dock="Top">
   <Button MinWidth="128" Click="OpenSelectPictDialog_Click" Content="背景画像の選択" />
  </ToolBar>
  <Grid>
   <Image
    Width="1000"
    Height="800"
    HorizontalAlignment="Left"
    VerticalAlignment="Top"
    Source="{Binding Pict.SelectedItem.FilePath, Converter={StaticResource ImageConverter}}"
    StretchDirection="DownOnly" />
  </Grid>
 </DockPanel>
</Window>

using System;
using System.Globalization;
using System.IO;
using System.Windows;
using System.Windows.Data;
using System.Windows.Media.Imaging;

namespace Qt6uox4f1iujybm;


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

		var imageFolder = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "image");
		DataContext = new ViewModel { Pict = new(imageFolder), };
	}

	private void OpenSelectPictDialog_Click(object sender, RoutedEventArgs e)
		=> new SelectPictDialog { DataContext = DataContext, Owner = this, }.ShowDialog();
}

public class ImageConverter : IValueConverter
{
	public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
	{
		try
		{
			using var fs = new FileStream((string)value, FileMode.Open);
			var decoder = BitmapDecoder.Create(fs, BitmapCreateOptions.None, BitmapCacheOption.OnLoad);
			var bmp = new WriteableBitmap(decoder.Frames[0]);
			bmp.Freeze();
			return bmp;
		}
		catch { }
		return DependencyProperty.UnsetValue;
	}
	public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) => throw new NotImplementedException();
}

SelectPictDialog

<Window
 x:Class="Qt6uox4f1iujybm.SelectPictDialog"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:local="clr-namespace:Qt6uox4f1iujybm"
 Title="背景画像の選択"
 Width="800"
 Height="450"
 AllowDrop="True"
 DragOver="File_DragOver"
 Drop="File_Drop"
 WindowStartupLocation="CenterOwner">
 <Window.Resources>
  <local:ImageConverter x:Key="ImageConverter" />
 </Window.Resources>

 <DockPanel>
  <StackPanel HorizontalAlignment="Right" DockPanel.Dock="Bottom" Orientation="Horizontal">
   <Button
    MinWidth="80"
    Margin="8"
    Click="Ok_Button_Click"
    Command="{Binding Pict.ApplyCommand}"
    CommandParameter="{Binding Pict.Items/}"
    Content="OK"
    IsDefault="True" />
   <Button MinWidth="80" Margin="8" Content="Cancel" IsCancel="True" />
   <Button
    MinWidth="80"
    Margin="8"
    Command="{Binding Pict.ApplyCommand}"
    CommandParameter="{Binding Pict.Items/}"
    Content="適用" />
  </StackPanel>
  <Grid>
   <Grid.ColumnDefinitions>
    <ColumnDefinition />
    <ColumnDefinition Width="4" />
    <ColumnDefinition />
   </Grid.ColumnDefinitions>

   <DataGrid AutoGenerateColumns="False" IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Pict.Items}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <DataGrid.Columns>
     <DataGridTextColumn Width="200" Binding="{Binding FileTitle}" Header="タイトル" />
     <DataGridTextColumn Width="*" Binding="{Binding FileName}" Header="ファイル名" IsReadOnly="True">
      <DataGridTextColumn.CellStyle>
       <Style TargetType="DataGridCell">
        <Setter Property="ToolTip" Value="{Binding FileName}" />
       </Style>
      </DataGridTextColumn.CellStyle>
     </DataGridTextColumn>
     <DataGridTemplateColumn>
      <DataGridTemplateColumn.CellTemplate>
       <DataTemplate>
        <Button Command="{Binding DataContext.Pict.DeleteCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type DataGrid}}}" CommandParameter="{Binding}" Content="削除" />
       </DataTemplate>
      </DataGridTemplateColumn.CellTemplate>
     </DataGridTemplateColumn>
    </DataGrid.Columns>
   </DataGrid>

   <GridSplitter Grid.Column="1" HorizontalAlignment="Stretch" />

   <ListBox Grid.Column="2" IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Pict.Items}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <ListBox.ItemsPanel>
     <ItemsPanelTemplate>
      <WrapPanel />
     </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemTemplate>
     <DataTemplate>
      <StackPanel MaxWidth="150">
       <Image MaxHeight="150" Source="{Binding FilePath, Converter={StaticResource ImageConverter}}" />
       <TextBlock Text="{Binding FileTitle}" TextTrimming="CharacterEllipsis" />
      </StackPanel>
     </DataTemplate>
    </ListBox.ItemTemplate>
   </ListBox>
  </Grid>
 </DockPanel>
</Window>

using System;
using System.IO;
using System.Linq;
using System.Windows;

namespace Qt6uox4f1iujybm;


public partial class SelectPictDialog : Window
{
	private static readonly string[] supportedFormats = { ".jpg", ".jpeg", ".bmp", ".png", };

	public SelectPictDialog() => InitializeComponent();

	private void File_DragOver(object sender, DragEventArgs e)
	{
		e.Effects = e.Data.GetDataPresent(DataFormats.FileDrop, true) ? DragDropEffects.Copy : DragDropEffects.None;
		e.Handled = true;
	}

	private void File_Drop(object sender, DragEventArgs e)
	{
		if (!e.Data.GetDataPresent(DataFormats.FileDrop)) return;

		var files = (string[])e.Data.GetData(DataFormats.FileDrop);

		var ok = files.Where(x => supportedFormats.Contains(Path.GetExtension(x).ToLower()));
		foreach (var path in ok)
		{
			((ViewModel)DataContext).Pict?.AddItem(path, IsOverwrite);

			bool IsOverwrite()
			{
				var msg = $"同名のファイルが既にあります。\n上書きしますか？\n\n{path}";
				var r = MessageBox.Show(this, msg, "", MessageBoxButton.YesNo, MessageBoxImage.Warning);
				return r == MessageBoxResult.Yes;
			}
		}

		var ng = files.Where(x => !supportedFormats.Contains(Path.GetExtension(x).ToLower()));
		if (ng.Any()) MessageBox.Show(this, $"{string.Join("\n", ng)}\nのファイルは読めませんでした");
	}
	private void Ok_Button_Click(object sender, RoutedEventArgs e) => DialogResult = true;
}

ViewModel&Model

using System;
using System.Collections.ObjectModel;
using System.IO;
using System.Linq;
using System.Windows.Media.Imaging;
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace Qt6uox4f1iujybm;


public partial class ViewModel
{
	public PictModel? Pict { get; init; }
}

public partial class PictModel : ObservableObject
{
	public ObservableCollection<PictItem> Items { get; } = new();
	[ObservableProperty] private PictItem? selectedItem;

	private readonly string folder;

	public PictModel(string folder)
	{
		this.folder = folder;
		Directory.CreateDirectory(folder);
		foreach (var path in Directory.EnumerateFiles(folder, "*.jpg", SearchOption.TopDirectoryOnly))
			Items.Add(new(path));
	}
	
	[RelayCommand] private void Apply(PictItem? item) => SelectedItem = item;
	[RelayCommand]
	private void Delete(PictItem item)
	{
		Items.Remove(item);
		File.Delete(item.FilePath);
	}

	public void AddItem(string path, Func<bool> isOverwrite)
	{
		var fileName = Path.GetFileNameWithoutExtension(path);
		var outPath = Path.Combine(folder, $"{fileName}.jpg");

		if (File.Exists(outPath))
		{
			if (!isOverwrite()) return;
			Items.Remove(Items.FirstOrDefault(x => x.FilePath == outPath)!);
		}

		using (var fsin = new FileStream(path, FileMode.Open, FileAccess.ReadWrite))
		using (var fsout = new FileStream(outPath, FileMode.Create, FileAccess.Write))
		{
			var f = BitmapFrame.Create(fsin, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnDemand);
			var meta = f.Metadata.Clone() as BitmapMetadata ?? new BitmapMetadata("jpg");
			var enc = new JpegBitmapEncoder();
			enc.Frames.Add(BitmapFrame.Create(f, f.Thumbnail, meta, f.ColorContexts));
			enc.Save(fsout);
		}

		Items.Add(new(outPath));
	}
}

public partial class PictItem : ObservableObject
{
	[ObservableProperty] private string? fileTitle;
	public string FilePath { get; }
	public string FileName => Path.GetFileNameWithoutExtension(FilePath);

	public PictItem(string filePath)
	{
		FilePath = filePath;
		using var fs = new FileStream(filePath, FileMode.Open, FileAccess.Read);
		var f = BitmapFrame.Create(fs, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnDemand);
		var meta = f.Metadata as BitmapMetadata;
		fileTitle = meta?.Title;
	}

	partial void OnFileTitleChanged(string? value)
	{
		using var fsin = new FileStream(FilePath, FileMode.Open, FileAccess.ReadWrite, FileShare.ReadWrite);
		var decoder = new JpegBitmapDecoder(fsin, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default);
		var frame = decoder.Frames[0];
		var meta = frame.CreateInPlaceBitmapMetadataWriter();
		meta.Title = value;

		if (!meta.TrySave())
		{
			using var fsout = new FileStream(FilePath, FileMode.Open, FileAccess.Write, FileShare.ReadWrite);
			var encoder = new JpegBitmapEncoder();
			foreach (var cloneFrame in decoder.Frames) encoder.Frames.Add(BitmapFrame.Create(cloneFrame));
			((BitmapMetadata)encoder.Frames[0].Metadata).Title = value;
			encoder.Save(fsout);
		}
	}
}

NuGet Gallery | CommunityToolkit.Mvvm 8.2.0

Answer 2

imageフォルダにある画像をロックしないようにしたい

Image.Sourceに文字列でバインドすると、残念ながらロックしてしまいます。
いくつか解決法はありますが、こちらでどうでしょう？
WPFで画像表示時にファイルをロックしないようにしたい - かずきのBlog@hatena

リストビューに画像をドロップしたら、自動で画像が追加表示したい

増減のあるコレクションはListでなく、ObservableCollectionを使用してください。
ObservableCollection<T> クラス (System.Collections.ObjectModel) | Microsoft Learn

追加した画像名がカブる場合、警告を表示して上書きするか選びたい

ここまでできているなら、そう難しいとも思えませんが...
上書きの際はFileDataを丸ごと入れ替える（FileDatasからRemoveしてAdd）か、FilePathのPropertyChangedを叩かないと画像が変わらないです。

リストビューにボタンを表示し、imageフォルダにある画像を削除できるようにしたい

CellTemplateを使用してください。

TextBox_PreviewTextInputが確定時以外で動く
できたらフォーカスが外れたときに動かしたい

普通にバインドしてください。

---

MainWindow

<Window x:Class="Qt6uox4f1iujybm.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Width="600" Height="450">
 <DockPanel>
  <ToggleButton Content="Open SubWindow" DockPanel.Dock="Top" IsChecked="{Binding IsSubWindowShown}" />
  <Image Source="{Binding Items/FilePath, Converter={StaticResource ImageConverter}}" />
 </DockPanel>
</Window>

using System;
using System.Globalization;
using System.IO;
using System.Windows;
using System.Windows.Data;
using System.Windows.Media.Imaging;

namespace Qt6uox4f1iujybm;


public partial class MainWindow : Window
{
	private readonly SubWindow subWindow; // GCよけ

	public MainWindow()
	{
		InitializeComponent();

		var imageFolder = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "image");
		var vm = new ViewModel(imageFolder);
		DataContext = vm;
		subWindow = new SubWindow(vm);
	}
}

public class ImageConverter : IValueConverter
{
	public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
	{
		try
		{
			using var fs = new FileStream((string)value, FileMode.Open);
			var decoder = BitmapDecoder.Create(fs, BitmapCreateOptions.None, BitmapCacheOption.OnLoad);
			var bmp = new WriteableBitmap(decoder.Frames[0]);
			bmp.Freeze();
			return bmp;
		}
		catch { }
		return DependencyProperty.UnsetValue;
	}
	public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) => throw new NotImplementedException();
}

SubWindow

<Window
 x:Class="Qt6uox4f1iujybm.SubWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 Title="SubWindow"
 Width="800"
 Height="450"
 AllowDrop="True"
 Closing="Window_Closing"
 DragOver="File_DragOver"
 Drop="File_Drop"
 Visibility="{Binding IsSubWindowShown, Mode=TwoWay, Converter={StaticResource BooleanToVisibilityConverter}}">
 <DockPanel>
  <StatusBar DockPanel.Dock="Bottom">
   <StatusBarItem>
    <TextBlock Text="{Binding Items/FilePath}" />
   </StatusBarItem>
  </StatusBar>

  <Grid>
   <Grid.ColumnDefinitions>
    <ColumnDefinition />
    <ColumnDefinition Width="5" />
    <ColumnDefinition Width="2*" />
   </Grid.ColumnDefinitions>

   <ListView IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Items}">
    <ListView.View>
     <GridView>
      <GridViewColumn Width="200" Header="タイトル">
       <GridViewColumn.CellTemplate>
        <DataTemplate>
         <TextBox Width="200" Padding="1" Text="{Binding FileTitle}" TextWrapping="Wrap" />
        </DataTemplate>
       </GridViewColumn.CellTemplate>
      </GridViewColumn>
      <GridViewColumn DisplayMemberBinding="{Binding FileName}" Header="ファイル名" />
      <GridViewColumn>
       <GridViewColumn.CellTemplate>
        <DataTemplate>
         <Button Command="{Binding DataContext.DeleteCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListView}}}" CommandParameter="{Binding}" Content="削除" />
        </DataTemplate>
       </GridViewColumn.CellTemplate>
      </GridViewColumn>
     </GridView>
    </ListView.View>
   </ListView>

   <GridSplitter Grid.Column="1" HorizontalAlignment="Stretch" />

   <ListView Grid.Column="2" IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Items}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <ListView.ItemsPanel>
     <ItemsPanelTemplate>
      <WrapPanel />
     </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemTemplate>
     <DataTemplate>
      <Grid Width="150" Height="150">
       <TextBlock Text="{Binding FileTitle}" />
       <Image Source="{Binding FilePath, Converter={StaticResource ImageConverter}}" />
      </Grid>
     </DataTemplate>
    </ListView.ItemTemplate>
   </ListView>
  </Grid>
 </DockPanel>
</Window>

using System;
using System.ComponentModel;
using System.IO;
using System.Linq;
using System.Windows;

namespace Qt6uox4f1iujybm;


public partial class SubWindow : Window
{
	private static readonly string[] SupportedFormats = { ".jpg", ".jpeg", ".bmp", ".png" };

	private readonly ViewModel viewModel;

	public SubWindow(ViewModel viewModel)
	{
		InitializeComponent();
		DataContext = this.viewModel = viewModel;
	}

	private void File_DragOver(object sender, DragEventArgs e)
	{
		e.Effects = e.Data.GetDataPresent(DataFormats.FileDrop, true) ? DragDropEffects.Copy : DragDropEffects.None;
		e.Handled = true;
	}

	private void File_Drop(object sender, DragEventArgs e)
	{
		if (!e.Data.GetDataPresent(DataFormats.FileDrop)) return;

		var files = (string[])e.Data.GetData(DataFormats.FileDrop);

		var ok = files.Where(x => SupportedFormats.Contains(Path.GetExtension(x).ToLower()));
		foreach (var path in ok)
		{
			viewModel.AddItem(path, IsOverwrite);

			bool IsOverwrite()
			{
				var msg = $"同名のファイルが既にあります。\n上書きしますか？\n\n{path}";
				var r = MessageBox.Show(this, msg, "", MessageBoxButton.YesNo, MessageBoxImage.Warning);
				return r == MessageBoxResult.Yes;
			}
		}

		var ng = files.Where(x => !SupportedFormats.Contains(Path.GetExtension(x).ToLower()));
		if (ng.Any()) MessageBox.Show(this, $"{string.Join("\n", ng)}\nのファイルは読めませんでした");
	}

	private void Window_Closing(object sender, CancelEventArgs e)
	{
		e.Cancel = true;
		Hide();
	}
}

ViewModel&Model

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Diagnostics;
using System.IO;
using System.Linq;
using System.Windows.Media.Imaging;
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace Qt6uox4f1iujybm;


public partial class ViewModel : ObservableObject
{
	public ObservableCollection<Item> Items { get; } = new();

	[ObservableProperty] private bool isSubWindowShown;


	private readonly string folder;

	public ViewModel(string folder)
	{
		this.folder = folder;
		Directory.CreateDirectory(folder);
		ImportFiles(Directory.EnumerateFiles(folder, "*.jpg", SearchOption.TopDirectoryOnly));
	}

	[RelayCommand]
	private void Delete(Item item)
	{
		Items.Remove(item);
		File.Delete(item.FilePath);
	}

	public void ImportFiles(IEnumerable<string> paths)
	{
		foreach (var path in paths) Items.Add(new(path));
	}

	public void AddItem(string path, Func<bool> isOverwrite)
	{
		var fileName = Path.GetFileNameWithoutExtension(path);
		var outPath = Path.Combine(folder, $"{fileName}.jpg");
		if (File.Exists(outPath))
		{
			if (!isOverwrite()) return;
			Items.Remove(Items.FirstOrDefault(x => x.FilePath == outPath)!);
		}

		using (var fsin = new FileStream(path, FileMode.Open, FileAccess.ReadWrite))
		using (var fsout = new FileStream(outPath, FileMode.Create, FileAccess.Write))
		{
			var f = BitmapFrame.Create(fsin, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnDemand);
			var meta = f.Metadata.Clone() as BitmapMetadata ?? new BitmapMetadata("jpg");
			var enc = new JpegBitmapEncoder();
			enc.Frames.Add(BitmapFrame.Create(f, f.Thumbnail, meta, f.ColorContexts));
			enc.Save(fsout);
		}

		Items.Add(new(outPath));
	}
}

public partial class Item : ObservableObject
{
	[ObservableProperty] private string? fileTitle;
	public string FilePath { get; }
	public string FileName => Path.GetFileNameWithoutExtension(FilePath);

	public Item(string filePath)
	{
		FilePath = filePath;
		using var fs = new FileStream(filePath, FileMode.Open, FileAccess.Read);
		fileTitle = (BitmapFrame.Create(fs, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnDemand).Metadata as BitmapMetadata)?.Title;
	}

	partial void OnFileTitleChanged(string? value)
	{
		// なぜかタイトルと件名両方入っちゃう？？
		// 事前にパディング取っておくこともできると思うが、よくわからんので作り直しｗ
		// [Setting PNG image metadata doesn't work · Issue #7121 · dotnet/wpf](https://github.com/dotnet/wpf/issues/7121)
		using var fsin = new FileStream(FilePath, FileMode.Open, FileAccess.ReadWrite, FileShare.ReadWrite);
		var decoder = new JpegBitmapDecoder(fsin, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default);
		var frame = decoder.Frames[0];
		var meta = frame.CreateInPlaceBitmapMetadataWriter();
		meta.Title = value;

		if (!meta.TrySave())
		{
			Debug.WriteLine("TrySave:false");
			using var fsout = new FileStream(FilePath, FileMode.Open, FileAccess.Write, FileShare.ReadWrite);
			var encoder = new JpegBitmapEncoder();
			foreach (var cloneFrame in decoder.Frames) encoder.Frames.Add(BitmapFrame.Create(cloneFrame));
			((BitmapMetadata)encoder.Frames[0].Metadata).Title = value;
			encoder.Save(fsout);
		}
	}
}

App

<Application x:Class="Qt6uox4f1iujybm.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:Qt6uox4f1iujybm" ShutdownMode="OnMainWindowClose" StartupUri="MainWindow.xaml">
 <Application.Resources>
  <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
  <local:ImageConverter x:Key="ImageConverter" />
 </Application.Resources>
</Application>

Comments

[TN8001]

見づらくて申し訳ないです。
２窓あるとツメツメでも１万字ぎりぎりでした。。。
ViewModelにロジック駄々洩れですがショウガナイ^^;

[TN8001]

INotifyPropertyChanged・ICommand実装はこちらを使用しています。

[NuGet Gallery | CommunityToolkit.Mvvm 8.2.0](https://www.nuget.org/packages/CommunityToolkit.Mvvm/8.2.0)

[MVVM ツールキットの概要 - .NET Community Toolkit | Microsoft Learn](https://learn.microsoft.com/ja-jp/dotnet/communitytoolkit/mvvm/)

[nodoita]

回答ありがとうございます！
BindingとMVVMが難しくて中々理解が難しいですが、勉強頑張ります。

動作確認をしたかったため、VisualStudioで新規作成し
ソースをコピペしてビルドしてみましたが、エラーが出て実行できません。
NugetではMVVM追加済みです。

1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.ClassUsingAttributeInsteadOfInheritanceAnalyzer のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.FieldReferenceForObservablePropertyFieldAnalyzer のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.FieldWithOrphanedDependentObservablePropertyAttributesAnalyzer のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.InvalidClassLevelNotifyDataErrorInfoAttributeAnalyzer のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.InvalidClassLevelNotifyPropertyChangedRecipientsAttributeAnalyzer のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.ObservablePropertyAttributeWithPropertyTargetDiagnosticSuppressor のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.RelayCommandAttributeWithFieldOrPropertyTargetDiagnosticSuppressor のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.UnsupportedCSharpLanguageVersionAnalyzer のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.INotifyPropertyChangedGenerator のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.ObservableObjectGenerator のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>CSC : warning CS8032: アナライザー CommunityToolkit.Mvvm.SourceGenerators.ObservableRecipientGenerator のインスタンスは C:\Users\test\.nuget\packages\communitytoolkit.mvvm\8.2.0\analyzers\dotnet\roslyn4.3\cs\CommunityToolkit.Mvvm.SourceGenerators.dll (ファイルまたはアセンブリ 'System.Collections.Immutable, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'、またはその依存関係の 1 つが読み込めませんでした。指定されたファイルが見つかりません。) から作成できません。
1>C:\Program Files\Microsoft Visual Studio\2022\Community\MSBuild\Current\Bin\Roslyn\Microsoft.CSharp.Core.targets(75,5): error :
1>C:\Program Files\Microsoft Visual Studio\2022\Community\MSBuild\Current\Bin\Roslyn\Microsoft.CSharp.Core.targets(75,5): error :
1>C:\Program Files\Microsoft Visual Studio\2022\Community\MSBuild\Current\Bin\Roslyn\Microsoft.CSharp.Core.targets(75,5): error : Exception.ToString() 縺悟､ｱ謨励＠縺溘◆繧√€∽ｾ句､匁枚蟄怜・繧定｡ｨ遉ｺ縺ｧ縺阪∪縺帙ｓ縲・
1>プロジェクト "TEST_rc41xvof_wpftmp.csproj" のビルドが終了しました -- 失敗。

VisualStudio2022でMVVM使うために、C#のバージョン？を上げないといけないとみて
TEST.csprojに<LangVersion>9.0</LangVersion>を追加してみましたが、ビルド出来ない症状は変わりませんでした。
以下のようなエラーも出ています。

エラー TEST C:\Program Files\Microsoft Visual Studio\2022\Community\MSBuild\Current\Bin\Roslyn\Microsoft.CSharp.Core.targets 75
エラー TEST C:\Program Files\Microsoft Visual Studio\2022\Community\MSBuild\Current\Bin\Roslyn\Microsoft.CSharp.Core.targets 75
エラー Exception.ToString() 縺悟､ｱ謨励＠縺溘◆繧√€∽ｾ句､匁枚蟄怜・繧定｡ｨ遉ｺ縺ｧ縺阪∪縺帙ｓ縲・ HTMLClickMap C:\Program Files\Microsoft Visual Studio\2022\Community\MSBuild\Current\Bin\Roslyn\Microsoft.CSharp.Core.targets 75

VisualStudio 2022 Version17.3.4を利用してます。
度々申し訳ありませんが、何か分かりますでしょうか。

[TN8001]

> VisualStudio 2022 Version17.3.4を利用してます。

ちょっと古いようなので、最新（version 17.6.3）にアップデートしていただけますか？

[nodoita]

ありがとうございます！アップデートして再度報告させて頂きます！

[nodoita]

バージョンアップしたらなぜか直りました！ありがとうございました！

[TN8001]

よかったです。

文字数ギリギリなため説明をろくに入れられなかったので、不明点があればお気軽にコメントください^^

[nodoita]

すごく初歩的な質問で大変申し訳ないのですが、
SubWindowに「選択」のボタンを表示し、ボタンを押したタイミングでSubwindowで選択している画像を
MainWindowに表示させたい場合はどのようにしたら良いのでしょうか？

ViewModelにpublic ObservableCollection<Item> NowItems { get; } = new();を追加し
Itemsと同じように増減させたりしようとしましたが、そもそも違うと思いました。
MainWindowのItems/Pathを、NowItems/Pathにしたところで無理でした。
調べたところ以下の方法があるようです。
【C#】WPFで画像表示する2つの方法【初心者向け】
https://shinshin-log.com/csharp-insertimage/

今選択しているリストの画像Pathが分かれば何とかできそうなのですが、
どうやれば取得できるでしょうか？
度々申し訳ありません。よろしくお願いいたします。

[TN8001]

> SubWindowに「選択」のボタンを表示し、ボタンを押したタイミングでSubwindowで選択している画像をMainWindowに表示させたい場合はどのようにしたら良いのでしょうか？

あぁなるほど、Subwindowは選択ダイアログなんですね？（ファイル登録と兼務なのはちょっと違和感？）

つまり現在SubWindowはモードレス（ツールウィンドウのようにメインウィンドウと同時に使えるウィンドウ）で、出したまま選択も即時反映になっていますが、
ファイルを開くダイアログのようにモーダル（選択するかキャンセルするかとにかく閉じるまでメインウィンドウを触れない）で出だすんです？（モーダルは個人的に好きじゃないので思い当たりませんでした^^;

「（ListViewで）選んだけどやっぱキャンセルする」とかを考えると、今の方式だとちょっと困りますね。

ViewModelに「public Item SelectedItem { get; set; }」のようなプロパティを作るのがお手軽でしょうかね。

ここ（コメント欄）で説明するのも大変ですし、回答も文字数ギリギリすぎるのでGitHubで見てもらってもいいですか？^^;
[TN8001/Qt6uox4f1iujybm](https://github.com/TN8001/Qt6uox4f1iujybm)

緑のボタンを押すとZipで落とせます。
[github download - Google 検索](https://www.google.co.jp/search?q=github+download&lr=lang_ja)

[nodoita]

回答ありがとうございます！
SubWindowは選択ダイアログでもあり、色々できる画面なのです。
SubWindowで選択ボタンを押した時のみMainWindowの画像が切り替わるようにしたいと思ってます。
SubWindowのボタンを押した時に、今選択している画像内容をMainWindowに転送とか出来たら良いのですが…

頂いたデータを試してみたのですが、選択等のボタンを押していない時にもMainWindowの画像が切り替わってしまってました。

[nodoita]

勘違いしてました！ありがとうございました！！

[TN8001]

> 選択等のボタンを押していない時にもMainWindowの画像が切り替わってしまってました。
> 勘違いしてました！ありがとうございました！！

実際ダイアログかどうかが不安だったので元のも残した形です。

* SubWindow モードレス・即時反映
* SelectDialog モーダル・[Ok][適用]ボタンを押したとき

もしかして「モードレス・[適用]ボタンを押したとき」がよかったですか？^^;
まあ組み合わせればいい話ですが、そうなら直すのもやぶさかではありません。