ListBox를 ObservableCollection에 바인딩 할 때 DisplayMemberPath를 사용하여

Question

Image 속성을 갖는 항목 중 ObservableCollection에 ListBox을 바인딩하고 있는데, Image을 반환합니다.

어떤 제안 그러나, 대신 이미지의 목록을 받고, 나는이 얻을?

XAML :

<Window x:Class="ObservableCollectionDirectoryListBox.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"> 

    <DockPanel> 

     <ListBox DockPanel.Dock="Top" 
       Name="listBox" 
       ItemsSource="{Binding Source={StaticResource infos}}" 
       DisplayMemberPath="Image"/> 

    </DockPanel> 

</Window> 

C 번호 : 당신은 정말 제어하고 거기에 속하지 않는 Images의 컬렉션을하지 말았어야

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
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.Collections.ObjectModel; 
using System.IO; 
using System.Threading; 

namespace ObservableCollectionDirectoryListBox 
{ 
    public class ImageFileInfo : FileSystemInfo 
    { 
     public Image Image 
     { 
      get 
      { 
       var image = new Image() { Width = 100 }; 

       var bitmapImage = new BitmapImage(); 
       bitmapImage.BeginInit(); 
       bitmapImage.UriSource = new Uri(this.FullName); 
       bitmapImage.DecodePixelWidth = 100; 
       bitmapImage.EndInit(); 

       image.Source = bitmapImage; 

       return image; 
      } 
     } 

     public ImageFileInfo(string path) 
      : base() 
     { 
      FullPath = path; 
     } 

     public override void Delete() 
     { 
      throw new NotImplementedException(); 
     } 

     public override bool Exists 
     { 
      get { throw new NotImplementedException(); } 
     } 

     public override string Name 
     { 
      get { throw new NotImplementedException(); } 
     } 
    } 

    public partial class MainWindow : Window 
    { 
     public MainWindow() 
     { 
      var infos = new ObservableCollection<ImageFileInfo>(); 

      Resources.Add("infos", infos); 

      InitializeComponent(); 

      new DirectoryInfo(@"C:\Users\dharmatech\Pictures\From dharmatech\Camera roll") 
      .GetFiles("*.jpg") 
      .ToList() 
      .ForEach(file => infos.Add(new ImageFileInfo(file.FullName))); 

      var fileSystemWatcher = 
       new FileSystemWatcher(@"C:\Users\dharmatech\Pictures\From dharmatech\Camera roll") 
       { EnableRaisingEvents = true }; 

      var context = SynchronizationContext.Current; 

      fileSystemWatcher.Created += (s, e) => 
       context.Post(val => 
       { 
        if ((File.GetAttributes(e.FullPath) & FileAttributes.Normal) == 
         FileAttributes.Normal) 
         infos.Add(new ImageFileInfo(e.Name)); 
       }, true); 
     } 
    } 
} 

Answer 1

, 대신은 ImageSource의 수집해야 DataTemplate (ListBox.ItemTemplate)은 에 결합 될 수있다.

Answer 2

DataTemplate을 사용하여이 문제를 해결할 수있었습니다. ListBox에 대한 Xaml 코드는 다음과 같습니다.

<ListBox DockPanel.Dock="Top" 
     Name="listBox" 
     ItemsSource="{Binding Source={StaticResource infos}}"> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Image Source="{Binding Path=FullName}" Height="35"/> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox>