wp8-显示默认本地图像作为图像控制源,而绝对URL图像正在加载并显示在列表框中

时间:2013-12-11 13:04:00

标签: c# wpf windows-phone-8

我是windows phone 8开发的初学者。实际上,我已经创建了一个Web服务项目,它解析一个xml文档,并在listbox控件中显示图像和文本作为列表。我成功地做到了。问题是当网络强度很好时,我的应用程序将解析xml文档并快速显示图像而不会出错。 但是,当我的互联网强度很慢时,它将成功解析服务xml,但是在列表中显示图像需要花费太多时间。

所以我想要做的是在图像控件上显示默认的本地图像,直到它显示来自xml服务的图像。

我搜索了很多。但它不会帮助我。 请有人给我这个解决方案

这是我的代码

Xaml代码:

   <ListBox x:Name="listbox" Margin="0,0,0,0" Background="White">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid x:Name="moviesGrid" Tag="{Binding Title}" Tap="moviesGrid_OnTap" Background="#FF3D89D4" Margin="0,0,0,3" Width="480">
                        <TextBlock x:Name="subCatName" Text="{Binding Title}" HorizontalAlignment="Left" Margin="117,0,0,0" TextTrimming="WordEllipsis" FontFamily="Times New Roman" VerticalAlignment="Center" TextWrapping="Wrap" Foreground="White" FontSize="28"/>
                        <Image x:Name="subCatImage" Source="{Binding ImageSource}" Height="90" Width="90" Margin="5,5,5,5" Stretch="Fill" HorizontalAlignment="Left"/>
                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

和我的CS代码

    List<SingleRss> _singleRsses = new List<SingleRss>();

                   SingleRss _singleRss = new SingleRss
                    {
                        Title = _title,
                        ImageSource = _imageSource,

                    };
                    _singleRsses.Add(_singleRss);
                }
            }
            listbox.ItemsSource = _singleRsses;

简单地说:如何将默认本地图像显示为图像控制源,直到在Windows Phone 8应用程序中显示绝对URL图像。,

提前感谢。

1 个答案:

答案 0 :(得分:1)

简单地说,在ItemTemplate中使用,底部是本地,顶部是远程。在加载远程图像时,不会在那里渲染任何内容,并且本地可见。渲染远程图像时,它会覆盖本地图像。

<Grid x:Name="moviesGrid" Tag="{Binding Title}" Tap="moviesGrid_OnTap" Background="#FF3D89D4" Margin="0,0,0,3" Width="480">
    <TextBlock x:Name="subCatName" Text="{Binding Title}" HorizontalAlignment="Left" Margin="117,0,0,0" TextTrimming="WordEllipsis" FontFamily="Times New Roman" VerticalAlignment="Center" TextWrapping="Wrap" Foreground="White" FontSize="28"/>
    <Image x:Name="localImage" Source="/Assets/MyPlaceholderPicture.jpg" Height="90" Width="90" Margin="5,5,5,5" Stretch="Fill" HorizontalAlignment="Left"/>
    <Image x:Name="subCatImage" Source="{Binding ImageSource}" Height="90" Width="90" Margin="5,5,5,5" Stretch="Fill" HorizontalAlignment="Left"/>
</Grid>