在列表框中加载图像列表。 WPF和MVVM

Question

我正在尝试从ListBox的目录中显示一组图片。 当我选择另一个目录时，应该更新此ListBox。 以下代码无法正常工作，我也不知道为什么。 LoadImages（）可以正常工作，因为_selectedImageList具有包含在所选目录中的元素，但是ListBox不显示任何内容。

XAML：

<ListBox x:Name="ListBoxSnapshots" ItemsSource="{Binding SelectedImageList, UpdateSourceTrigger=PropertyChanged}" Grid.Column="1" Focusable="False" BorderThickness="0" SelectionMode="Single" HorizontalContentAlignment="Left" VerticalContentAlignment="Stretch" SelectionChanged="ListBoxSnapshots_SelectionChanged" ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Disabled" SelectedIndex="0" >
   <ListBox.ItemTemplate>
       <DataTemplate>
           <StackPanel>
               <Image Source="{Binding}" Stretch="Fill" />
           </StackPanel>
       </DataTemplate>
   </ListBox.ItemTemplate>
   <ListBox.ItemsPanel>
       <ItemsPanelTemplate>
            <WrapPanel IsItemsHost="True" Orientation="Horizontal" />
       </ItemsPanelTemplate>
   </ListBox.ItemsPanel>
</ListBox>

我的ViewModel：

private ObservableCollection<ImageSource> _selectedImageList = new ObservableCollection<ImageSource>();

public ObservableCollection<ImageSource> SelectedImageList
{
   get { return _selectedImageList; }
   set { _selectedImageList = value; }
}

private void LoadImages()
{
   _selectedImageList = new ObservableCollection<ImageSource>();

   DirectoryInfo aSnapshotTempDir = new DirectoryInfo(@"..\..\Images");

   foreach (FileInfo aFile in aSnapshotTempDir.GetFiles("*.jpg"))
   {
       Uri uri = new Uri(aFile.FullName);
       _selectedImageList.Add( new BitmapImage( uri ) );
   }
}

我正在尝试做类似的事情（ 使用数据绑定在WPF MVVM中在ListView中显示图像（或更好的东西！） ），但是我的代码有问题。

谢谢。

Answer 1

有两个问题：
I.您没有绑定到ObservableCollection public财产。

ItemsSource="{Binding SelectedImageList"}

二。 问题在于，您每次使用新引用并由于ListBox中断的绑定而在LoadImages方法中都初始化ObservableCollection对象。
这可以通过两种方法解决：
1.通知视图集合已通过PropertyChanged （ INotifyPropertyChanged ）更改。

public ObservableCollection<ImageSource> SelectedImageList
{
   get { return _selectedImageList; }
   set { _selectedImageList = value; 
       SendPropertyChanged("SelectedImageList"); // suppose you have implemented INotifyPropertyChanged interface in this method.
       }
}

2. 清除集合并添加新项目。

     private void LoadImages() { _selectedImageList.Clear(); DirectoryInfo aSnapshotTempDir = new DirectoryInfo(@"..\\..\\Images"); foreach (FileInfo aFile in aSnapshotTempDir.GetFiles("*.jpg")) { Uri uri = new Uri(aFile.FullName); _selectedImageList.Add( new BitmapImage( uri ) ); } } 

按照最佳实践，您应该执行第2步，因为初始化一个可观察的Collection指向堆中的新地址，并通知在主线程中刷新视图以将新的Collection绑定为新资源将以资源为中心。