在ItemsPage中下载图像时显示ProgressRing

Question

我有一个ItemsPage。 当用户导航时，应用程序下载少量图像。 我想在每一个上看到ProgressRing。

我的GridViewTemplate

<GridView.ItemTemplate>
  <DataTemplate>
    <Grid HorizontalAlignment="Left"
          Width="150"
          Height="230">
      <Canvas>
        <ProgressRing x:Name="imageProgress"
                      Canvas.ZIndex="10"
                      Width="100"
                      Height="100"
                      HorizontalAlignment="Left"
                      Grid.Column="0" />
        <Image x:Name="FilmImage"
               Source="{Binding Image}"
               Stretch="UniformToFill"
               AutomationProperties.Name="{Binding Title}" />
      </Canvas>
      <StackPanel VerticalAlignment="Bottom"
                  Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}">
        <TextBlock Text="{Binding Title}"
                   Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}"
                   Style="{StaticResource TitleTextStyle}"
                   Height="60"
                   Margin="15,0,15,0" />
        <TextBlock Text="{Binding Subtitle}"
                   Foreground="{StaticResource ListViewItemOverlaySecondaryForegroundThemeBrush}"
                   Style="{StaticResource CaptionTextStyle}"
                   TextWrapping="NoWrap"
                   Margin="15,0,15,10" />
      </StackPanel>
    </Grid>
  </DataTemplate>
</GridView.ItemTemplate>

我的.cs

 public sealed partial class AllCinemas : LayoutAwarePage
    {
protected async override void LoadState(Object navigationParameter, Dictionary<String, Object> pageState)
        {

            FeedAllCinemas allCinemas = new FeedAllCinemas();
            allCinemas.GetAllCinemas("", "");
            this.DefaultViewModel["Items"] = allCinemas.Cinemas;
        }
}

Answer 1

请查看这篇精彩的博文，它正是您想要的：Windows 8 (or XAML generally): Loading Images with Progress/Fallback Content

Answer 2

请检查此主题，它包含一个解决方案：http://social.msdn.microsoft.com/Forums/en-US/winappswithcsharp/thread/536a3d52-0c9f-4875-8ad5-991a9eab17c8/