如何显示Windows Phone 8.1通用商店应用程序的加载动画？

Question

执行异步功能以获取本地数据，访问文件或调用API时，如何在此可能的长例程中触发加载动画？

这是一个例子：

<Button onClick="Button_Click" />

public async void Button_Click(object sender, RoutedEventArgs e)
{
    var myData = await MyDataManager.GetMyData();
    await new MessageDiaglog("Data Loaded!").ShowAsync();
}

由于它是一个通用的商店应用程序，我认为它应该在Windows 8.1和Windows Phone 8.1中都一样。

从解决方案更新

Per igrali回答，我更新了我的代码以供将来参考：

<ProgressBar x:Name="LoadingBar" Visibility="Collapsed" IsEnabled="False" IsIndeterminate="true" Height="4" HorizontalAlignment="Stretch"/>
<Button onClick="Button_Click" />

public async void Button_Click(object sender, RoutedEventArgs e)
{
    LoadingBar.IsEnabled = true;
    LoadingBar.Visibility = Visibility.Visible;
    var myData = await MyDataManager.GetMyData();
    await new MessageDiaglog("Data Loaded!").ShowAsync();
    LoadingBar.IsEnabled = false;
    LoadingBar.Visibility = Visibility.Collapsed;
}

此代码适用于手机和平板电脑。

Answer 1

在Windows Phone上有一种非常标准化的方法。 由于它是一个通用应用程序，可能最好的选择是显示进度环。

您在XAML中添加它

<ProgressRing IsActive="True"/>

您可以在单击按钮时在代码中显式显示它，或者在视图模型中使用bool属性（如果使用MVVM）和ValueConverter显示它或通过简单地将一个属性从true更改为false来隐藏它，反之亦然。

我还建议阅读有关进度控制的官方文档，我将以ProgressRing文档中的提示结束此答案， 可以在此处找到

设置IsActive属性以打开或关闭ProgressRing。 如果IsActive为false，则不显示ProgressRing，但在UI布局中为其保留空间。 若要不为ProgressRing保留空间，请将其Visibility属性设置为Collapsed。

提示当ProgressRing处于活动状态时，即使在屏幕上看不到它，例如可见性被折叠时，也会继续进度动画。 这可以使UI线程保持清醒，使用资源并损害应用程序性能。 当ProgressRing不可见时，您应该通过将IsActive设置为false来禁用动画。