WPFで動的に作成されたjpegをデータバインド

Question

私のWPFアプリケーションでは、jpegファイルを動的に作成しています。 bin/Debugまたはbin/Releaseに保存されています。

私はそうのようなValueConverterを使用しているイメージコントロールとデータバインドさWrapPanelを持っている：

​​

値の値の例は、私はビン\デバッグやビン\リリースに見て、デフォルトであると仮定Images\400\26.jpgです。

私の問題は、ダイナミックに作成されたjpegにイメージコントロールをデータバインドすることができないようです。しかし私はIncludeとマークし、BuildActionがContentである他のjpegにデータバインドすることができます。

コンパイル時に存在しない動的に作成されたイメージにどのようにデータバインドするのですか？

Answer 1

イメージパスのコレクションを作成し、新しく作成したイメージのパスを追加することができます。これであなたのラッパエルをこのコレクションにバインドすることができます。

このコレクションをViewModelクラスに実装し、このViewModelクラスをDataContextにして、コンバータを使用してwrapPanelをそのコレクションにバインドすることができます。

編集：ここではサンプルファイルは、次のとおりです。

MainWindowViewModel.cs：

using System; 
using System.ComponentModel; 
using System.Collections.ObjectModel; 

namespace wpfJpegBindingSample 
{ 
    class MainWindowViewModel : INotifyPropertyChanged 
    { 
     #region INotifyPropertyChanged 
     public event PropertyChangedEventHandler PropertyChanged; 

     // Create the OnPropertyChanged method to raise the event 
     protected void OnPropertyChanged(string name) 
     { 
      PropertyChangedEventHandler handler = PropertyChanged; 
      if (handler != null) 
      { 
       handler(this, new PropertyChangedEventArgs(name)); 
      } 
     } 
     #endregion 

     //constructor 
     public MainWindowViewModel() 
     { 
      m_imagesList = new ObservableCollection<Uri>(); 
     } 

     //collection of images' Uris 
     private ObservableCollection<Uri> m_imagesList; 

     //property for the collection (so you can bind to it) 
     public ObservableCollection<Uri> ImagesList 
     { 
      get 
      { 
       return m_imagesList; 
      } 
     } 

     //an Add method that update the bindings 
     public void Add(Uri uri) 
     { 
      ImagesList.Add(uri); 
      OnPropertyChanged("ImagesList"); 
     } 

    } 
} 

MainWindow.xaml.cs：

using System.Windows; 

namespace wpfJpegBindingSample 
{ 
    /// <summary> 
    /// Interaction logic for MainWindow.xaml 
    /// </summary> 
    public partial class MainWindow : Window 
    { 
     public MainWindow() 
     { 
      InitializeComponent(); 
      this.DataContext = m_viewModel = new MainWindowViewModel(); 
     } 

     private MainWindowViewModel m_viewModel; 
    } 
} 

がMainWindow.xaml：

<Window x:Class="wpfJpegBindingSample.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="350" Width="525"> 
    <Grid> 
     <ListView ItemsSource="{Binding ImagesList}"> 
      <ListView.ItemTemplate> 
       <DataTemplate> 
        <WrapPanel> 
         <Image Source="{Binding}"/> 
        </WrapPanel> 
       </DataTemplate> 
      </ListView.ItemTemplate> 
     </ListView> 

    </Grid> 
</Window> 

ご覧のとおり、私たちは画像のウリスのコレクションを定義しました。 メインウィンドウのコードでは、そのビューモデルのオブジェクトをウィンドウデータコンテキストとして設定し、xamlではlistView（または選択した他のコントロール）のItemソースをImagesListプロパティのバインディングに設定しましたビューモデルであるデータコンテキスト。それはないかもしれないとして、あなたが背後にあるコードを試してみてください