Question

我有一个列表框，可以执行动态填充的自动完成功能。列表框显示员工图片的名称列表。我发现用图像填充数据很慢。

我希望能够首先填充名称，然后在收到数据时异步上传数据。我该怎么做？

目前我的Image类代码：

public class Img : INotifyPropertyChanged
{
    private string name;
    private Image image;
    public event PropertyChangedEventHandler PropertyChanged;

    public Img(string name, Image image)
    {
        this.name = name;
        this.image = image;
    }

    public string Name
    {
        get { return name; }
        set
        {
            name = value;
            OnPropertyChanged("PersonName");
        }
    }

    public Image Image
    {
        get { return image; }
        set
        {
            image = value;
            OnPropertyChanged("Image");
        }
    }

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

填充数据的代码：

        foreach (KeyValuePair<string, string> entry in items)
        {
            System.Windows.Controls.Image webImage = new System.Windows.Controls.Image();
            webImage.Dispatcher.Invoke(DispatcherPriority.Normal,
                (ThreadStart)delegate
                {

                    BitmapImage image = new BitmapImage();
                    image.BeginInit();
                    image.UriSource = new Uri(//Where the source is);
                    image.EndInit();

                    webImage.Source = image;
                });
            myListBox.Items.Add(new Img(entry.Value, webImage));
        }

我的XAML代码：

<Popup Name="myPopUp">
    <ListBox Name="myListBox" FontSize="14">
        <ListBox.ItemTemplate>
            <DataTemplate DataType="{x:Type local:Img}">
                <StackPanel Orientation="Horizontal">
                    <ContentPresenter Margin="3" Content="{Binding Image, IsAsync=True}"/>
                    <TextBlock Margin="3" Text="{Binding Name, IsAsync=True}"/>
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Popup>

目前，它会同时填充所有名称+图像......这会导致列表框无法忍受的速度慢。

提前致谢

Answer 1

好的，有两件事你没有为延迟加载的图片而工作......

PriorityBinding按照慢加载的顺序，然后快速加载图像源。
DownloadCompleted事件必须通知对可以显示的绑定的更改。

请参阅这两篇文章，看看是否可以提示......

How to lazy load image byte[] into a WPF image control?

initial image in WPF Image Control

如果有帮助，请告诉我。

WPF ListBox异步绑定

1 个答案: