UWP Xaml如何制作整页Loading覆盖效果

2024-10-12 21:53:04

1、首先,要在Xaml代码实现的效果如图所示。一个覆盖整页的Grid防止用户与控件交互,中间显示Loading圆圈和文字信息。

UWP Xaml如何制作整页Loading覆盖效果

3、接着,在这个Grid内,首先设置Grid的背痔辏哔刂景色为黑色(半透明更好),内容放一个竖直方向StackPanel;里边放一个ProgressRing,就是转圈的环,和一个TextBlock,显示信息。注意给这几个控件设置x:Name以从代码中访问。

UWP Xaml如何制作整页Loading覆盖效果

5、在异步执行的程序逻辑中,如图,在await之前调用LoadingStart,在await执行完毕后调用LoadingDone即可。

UWP Xaml如何制作整页Loading覆盖效果
猜你喜欢