在图像下载wp8之前显示默认图像

Question

我正在开发一个适用于windows phone8设备的旅行应用程序。搜索结果返回具有多个图像urls的多条记录。我想要显示我的应用程序的默认图像，直到实际的图像被下载并在控件中设置。

我在下面使用了一个非常简单的代码。

 <Image  Margin="3"
Grid.Column="0"  
Source="{Binding Thumbnail}"
HorizontalAlignment="Left" 
Height="130" VerticalAlignment="Top" Width="130"/>

Thumbnail字段返回要显示的图像的字符串url。

图像最终将如下所示。我想要显示我的默认图像，直到它下载。

当图像不完全可用时，应用程序应显示如下所示。

​

​

当它完全下载时，它应该显示如下所示。

​

​

Answer 1

我找到的最好的解决方案(也是我在应用程序中使用的)就是使用Coding4Fun控件库！它有一个名为SuperImage的控件，该控件有一个名为PlaceHolder的额外属性，在此设置默认图像和下载实际图像时-这是通过源属性设置的-它将在此实际图像中淡出和淡入淡出！

请在此处查看更多详细信息http://metronuggets.com/2013/06/11/coding4fun-toolkit-introducing-superimage/

Answer 2

尝试动态添加。

 Uri uri = new Uri("image.png", UriKind.Relative);
 ImageSource imgSource = new BitmapImage(uri);
 img_result.Source = imgSource;

将imgSource设置为您绑定的类。

Answer 3

     <Image x:Name ="img" Margin="3" Grid.Column="0"  Source="{Binding Thumbnail}"HorizontalAlignment="Left" Height="130" VerticalAlignment="Top" Width="130"/>

您可能在View Model中有一个函数，用于在加载图像时更新它，因此在xaml中启动时，您可以指定img.Source ="/Assets/Images/dragon.png“，无论您的默认图像是什么，当您调用该函数并返回该值时，您可以将其更改为图像。