从 URL 加载图像会冻结 Windows Phone 上的 UI

Question

我正在尝试从网站加载新闻列表，因此首先请求获取新闻（带有缩略图），然后使用绑定功能，将获取的新闻分配给我的列表框，其中包含图像（图像网址）。

                <ListBox Name="lstNews">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <Grid Margin="0,0,12,12"  Width="180" Height="180">
                                <Grid.Background>
                                    <ImageBrush ImageSource="{Binding ImageUrl}"  />
                                </Grid.Background>
                                <StackPanel Background="#AA000000" VerticalAlignment="Bottom" Height="60" >
                                    <TextBlock TextWrapping="Wrap" VerticalAlignment="Bottom" TextAlignment="Center" Text="{Binding Title}" />
                                </StackPanel>
                            </Grid>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>

它工作正常，但用户界面会冻结，直到图像显示为止。我该如何解决这个问题？

Answer 1

实际上，BitmapImages 默认情况下会在 UI 线程上加载，这会导致阻塞。在您的 xaml 中，您应该能够执行以下操作：

<ImageBrush>
    <ImageBrush.ImageSource>
        <BitmapImage CreateOptions="BackgroundCreation" UriSource="{Binding ImageUrl}"/>
    </ImageBrush.ImageSource>
</ImageBrush>

确保为 CreateOptions 指定 BackgroundCreation。有关更多信息，我个人找到了这个博客文章 非常有用。

Answer 2

您是否进行过测试以确保注释掉 ImageBrush 行时 UI 不会冻结？我相信自动转换会从您的 ImageUrl 创建一个 BitmapImage，它通常加载在后台线程上，因此您的 UI 线程不应阻塞。可能还有其他东西阻塞了 UI，例如需要布局的文本过多或为列表提供数据的数据层代码。