WPF - 将列表框绑定到图像的 ObservableCollection

Question

这应该非常简单，但我无法让它工作...

CustomItem 是一个具有名为 ThumbnailImage 属性的类 我正在尝试将 ObservableCollection 绑定到 ListBox 以显示图像。这是我的代码：

public ObservableCollection<CustomItem> AvailableItems { get; set; }

 <ListBox Width="103" Height="480" ItemsSource="{Binding AvailableItems}">
    <ListBox.ItemTemplate>
       <DataTemplate>
          <Border BorderBrush="Black" BorderThickness="1">
             <ContentControl Content="{Binding Path=ThumbnailImage}" 
                                             Width="100" Height="100" />
          </Border>
       </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

CustomItem 看起来像这样，

    public class CustomItem
        public Image ThumbnailImage { get; set; }
    }

当我运行它时，ListBox 中没有显示任何内容。知道出了什么问题吗？谢谢！

-- 编辑 1 -- 我想我从调试中可以看出的是，当 AvailableItems.Count == 5 时，closet.Items.Count == 0。我尝试添加 ItemsSource="{Binding availableItems, UpdateSourceTrigger =PropertyChanged}”但这没有帮助:(

-- 编辑 2 --

我在 XAML 中执行以下操作，

DataContext="{Binding RelativeSource={RelativeSource Self}}" 

而不是在代码隐藏中执行以下操作时，一切正常：

DataContext = this;

Answer 1

您发布的代码看起来不错，所以问题一定是其他问题

• ListBox 是否具有正确的 DataContext，以便它可以正确绑定到 AvailableItems？
• 您如何在代码中初始化您的Image？

示例

BitmapImage source = new BitmapImage();
source.BeginInit();
source.UriSource = new Uri(yourUriString, UriKind.RelativeOrAbsolute);
source.EndInit();

ThumbnailImage = new Image();
ThumbnailImage.Source = source;

我将您的代码粘贴到示例项目中并且运行良好，将其上传到此处
http://www.mediafire.com/download.php?m99kv1uglrr31j9

将其与您的版本以查看您缺少的内容

Answer 2

我猜你要么：
1）没有初始化你的ObservableCollection
2）没有设置您的窗口的DataContext，或者
3）您在将 CustomItem 添加到 ObservableCollection 后设置图像，并且尚未在 CustomItem 类上实现 INotifyPropertyChanged。

你的代码加上这个似乎对我有用：

    public MainWindow()
    {
        InitializeComponent();
        this.AvailableItems = new ObservableCollection<CustomItem>();
        Image i = new Image();
        BitmapImage src = new BitmapImage();
        src.BeginInit();
        src.UriSource = new Uri(@"C:\Users\Public\Pictures\Sample Pictures/Desert.jpg");
        src.EndInit();
        i.Source = src;
        i.Stretch = System.Windows.Media.Stretch.Fill;

        CustomItem ci = new CustomItem();
        ci.ThumbnailImage = i;

        this.AvailableItems.Add(ci);
    }


    private void Window_Loaded(object sender, RoutedEventArgs e)
    {
        this.DataContext = this;
    }