UWP App，在内容加载时添加加载页面

Question

我正在构建一个从 Internet 获取内容的 UWP 应用程序，因为我正在拉取图像，加载通常需要一些时间。当用户导航到其中一个包含图像的页面时，我希望有一个加载屏幕。

我曾尝试使用进度环，该进度环在加载内容时可见，并在内容加载后折叠，但未成功。

最好的方法是什么。

提前致谢。

Answer 1

您可以创建一个占位符（带有文本的图像 "image is loading"）。如果您有 ListView 或其他一些数据控件，则可以为此目的使用属性 Phase：

<ListView ItemsSource="{x:Bind myimages}">
 <ListView.ItemTemplate>
     <DataTemplate x:DataType="local:ImageInfo">
         <StackPanel Orientation="Vertical">
             <Grid>
          <Image Source="Assets/placeHolderImage.jpg" x:Phase="0" />
          <Image Source="{x:Bind Url}"  x:Phase="3" />
             </Grid>
         </StackPanel>
     </DataTemplate>
 </ListView.ItemTemplate>

如您所见，在此模板中，一张图片叠加在另一张图片之上。首先是加载 Phase="0" 的图像，当加载另一个 Phase="3" 的图像时，它被放置在

UWP App，在内容加载时添加加载页面

UWP App, Add loading page while content loads

c#

uwp

windows-10-universal

uwp-xaml