0

我正在开发一个 Windows Phone 8.1 应用程序,我想使用 ISupportIncrementalLoading 接口从 REST API 服务器加载对象列表。关注这篇文章https://marcominerva.wordpress.com/2013/05/22/implementing-the-isupportincrementalloading-interface-in-a-window-store-app/我创建了一些类来下载我的对象方法:

public class MyObject
{
   private ImageSource image;

   public int Id { get; set; }
   public string Desription { get; set; }
   public string PhotoLink { get; set; }
   public ImageSource Image
   {
       get
       {
           return this.image;
       }

       set
       {
           this.image = value;
           this.RaisePropertyChanged(() => this.Image);
       }
   }
}

我的源类增量加载数据:

public async Task<IEnumerable<MyObject>> GetPagedItems(int pageIndex, int pageSize)
{
    var myObjects = await this.httpService.GetObjects(pageSize);
    if(myObjects != null)
    {
        foreach (var myObject in myObject)
        {       
            this.LoadImage(myObject);
        }
    }
    return myObjects;
}

private async void LoadImage(MyPbject myObject)
{
    if (myObject.PhotoLink != null)
    {
        var imageSource = await this.httpService.GetImage(myObject.PhotoLink);

        DispatcherHelper.CheckBeginInvokeOnUI(() =>
        {
            myObject.Image = imageSource;
        });
    }
}

私有对象 httpService 是一个具有通过 HttpClient 下载数据的方法的类。例如:

private async Task<ImageSource> GetImage(string imageUrl)
{
    using (HttpClient httpClient = new HttpClient())
    {
        using (Stream stream = await httpClient.GetStreamAsync(imageUrl))
        {
            using (MemoryStream memoryStream = new MemoryStream())
            {
                await stream.CopyToAsync(memoryStream);
                memoryStream.Position = 0;
                var bitmap = new BitmapImage();
                bitmap.SetSource(memoryStream.AsRandomAccessStream());
                return bitmap;
            }
        }
    }
}

我在我的项目中使用了 MVVMLight,我有一个带有 MyObjectsCollection 的 ViewModel(当然它实现了 ISupportIncrementalLoading),我在 XAML 中有一个标准 ListView,SourceItems 绑定到 MyObjectsCollection。一切正常,但只有当我下载没有照片的 MyObjects 时。但是当我在 foreach 循环中使用 LoadImage 方法时,UI 线程被锁定,几秒钟后出现新对象,用户无法滚动或按下按钮。我做错了什么?也许我应该以其他方式而不是通过 Dispatcher 将 Image 分配给 myObject.Image 属性?但是如果没有 COMException,我该怎么做呢?谢谢你的帮助。

4

1 回答 1

2

我认为在这种情况下,您可以将 url 绑定到图像的源,并使用 DecodePixelHeight 和 DecodePixelWidth 来优化性能

<Image>
    <Image.Source>
        <BitmapImage UriSource="{Binding ImageUrl}"
                             DecodePixelHeight="200"
                             DecodePixelWidth="200"
                             DecodePixelType="Logical"/>
     </Image.Source>
</Image>
于 2015-11-08T00:54:19.297 回答