在 WPF 中将图像添加到 StackPanel

Question

我有一个 WPF 应用程序，它正在数据库中寻找新图像，如果出现问题，它会将图像添加到列表中。当引发该事件时，我希望它将图像添加到 StackPanel 中。

首先我尝试只插入图像，但收到InvalidOperationException 说“调用线程必须是 STA，因为许多 UI 组件都需要这个。”并想出了：

public void Instance_GraphicChanged(object sender, PropertyChangedEventArgs e)
{
    foreach (Model.Graphic item in Model.IncomingCall.Instance.Graphics)
    {
        if(!_strings.Contains(item.ImageId.ToString()))
        {
            Thread thread = new Thread( new ThreadStart(
                delegate()
                {
                    //sp_images StackPanel for Images
                    sp_images.Dispatcher.Invoke(
                        DispatcherPriority.Normal, new Action(
                            delegate()
                            {
                                Image img = new Image();
                                img.Source = item.ImageObj; //ImageObj returns a BitmapImage
                                sp_images.Children.Add(img);
                            }
                    ));
                }
            ));
            _strings.Add(item.ImageId.ToString());
        }
    }
}

这不会引发任何异常，但实际上什么也没发生......

Answer 1

参考我的评论，你可以试试这样：

XAML

<!-- ... Other XAML Code ... -->
<ItemsControl x:Name="sp_images">
    <ItemsControl.ItemsPanel>
        <StackPanel Orientation="Horizontal" />
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Image Source="{Binding}" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

代码背后

private readonly HashSet<string> mImageIds = new HashSet<string>();
private readonly ObservableCollection<BitmapImage> mImages = new ObservableCollection<BitmapImage>();

// ... Inside the constructor
{
    InitializeComponent();

    sp_images.ItemsSource = mImages;
}

public void Instance_GraphicChanged(object sender, PropertyChangedEventArgs e)
{
    foreach (Model.Graphic item in Model.IncomingCall.Instance.Graphics)
    {
        // Have we already seen the image
        if (mImageIds.Add(item.ImageId.ToString()))
        {
            // We've not seen the image yet, so add it to the collection
            // Note: We must invoke this on the Dispatcher thread.
            this.Dispatcher.BeginInvoke((Action)delegate()
            {
                mImages.Add(item.ImageObj);
            });
        }
    }
}

这应该会绕过您之前可能遇到的任何跨线程异常。它还应该允许您轻松地将新图像添加到ObservableCollection，这将使用图像自动更新 UI。此外，ItemTemplate 的使用意味着您不必每次都自己实际构建 UI； WPF 将为您处理此问题。

有关使用ObservableCollection 的更多信息，请参阅here。另外，请参阅此StackOverflow question 以了解有关容器模板的说明。