C# 在windows 10应用程序c中加载下一个图像时，在flipview中显示进度条#

我使用此代码在flipview中显示图像

XAML代码：

<Grid>    
  <FlipView x:Name="flpvwImageBind" 
            Margin="0,0,0,0" 
            HorizontalAlignment="Center" 
            VerticalAlignment="Center" 
            Loading="flpvwImageBind_Loading" 
            Loaded="flpvwImageBind_Loaded">
    <FlipView.ItemTemplate>
      <DataTemplate>
        <Image Source="{Binding Thumbnail}" 
               Stretch="Fill" 
               x:Name="image" 
               Margin="0,0,0,0" >
        </Image>
      </DataTemplate>
    </FlipView.ItemTemplate>
  </FlipView>
</Grid>

---

在这里，我绑定的是来自在线的图像URL，因此加载下一个图像需要时间，因此我想在加载下一个图像之前显示进度条，如何做到这一点。

将进度环放在flipview之后，并为图像控制添加加载和加载事件

<Grid>    
<FlipView x:Name="flpvwImageBind" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center" Loading="flpvwImageBind_Loading" Loaded="flpvwImageBind_Loaded">
            <FlipView.ItemTemplate>
                <DataTemplate>
                    <Image Source="{Binding Thumbnail}" Loading="image_Loading" Loaded="image_Loaded" Stretch="Fill" x:Name="image" Margin="0,0,0,0" ></Image>
                </DataTemplate>
            </FlipView.ItemTemplate>
        </FlipView>
  <ProgressRing x:Name="progressring" Height="50" Width="50"/>
</Grid>

<Grid>    
<FlipView x:Name="flpvwImageBind" Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center" Loading="flpvwImageBind_Loading" Loaded="flpvwImageBind_Loaded">
            <FlipView.ItemTemplate>
                <DataTemplate>
                    <Image Source="{Binding Thumbnail}" Loading="image_Loading" Loaded="image_Loaded" Stretch="Fill" x:Name="image" Margin="0,0,0,0" ></Image>
                </DataTemplate>
            </FlipView.ItemTemplate>
        </FlipView>
  <ProgressRing x:Name="progressring" Height="50" Width="50"/>
</Grid>

private void image_Loading(FrameworkElement sender, object args)
{ 
  progressring.IsActive = true;
}

private void image_Loaded(object sender, RoutedEventArgs e)
{
  progressring.IsActive = false;
}