wpf loading 遮罩层效果（可以用在数据加载时使用）
一直想做个wpf的loading遮罩效果
闲来无事网上看看别人做的 拔下来一个效果 共享给大家 如果有更好的可以告诉我下
先上个效果图
基本效果就是这样 实现起来也是只有xaml的动画
代码如下
<UserControl x:Class="Test.LoadingMask"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
IsHitTestVisible="False"
>
<UserControl.Resources>
<!--block style-->
<Style x:Key="PathStyle" TargetType="Path">
<Setter Property="Fill" Value="#FF0092FF"></Setter>
<Setter Property="Stretch" Value="Fill"></Setter>
<Setter Property="RenderTransformOrigin" Value="0.5,4.3"></Setter>
<Setter Property="VerticalAlignment" Value="Top"></Setter>
<Setter Property="Height" Value="10"></Setter>
</Style>
<!-- A block in the progress ring (why does this trapezoid have a dozen corners?) -->
<Geometry x:Key="Block">
M291.15499,85.897525
C291.15499,85.897525
301.88917,85.87921
301.88917,85.87921
301.88917,85.87921
300.38339,94.355061
300.38339,94.355061
300.38339,94.355061
292.85366,94.355042
292.85366,94.355042
292.85366,94.355042
291.15499,85.897525
291.15499,85.897525
Z
</Geometry>
<!-- Animations for the individual blocks of the progress ring -->
<Storyboard x:Key="ProgressAnimation" RepeatBehavior="Forever">
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block0" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#FF000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block1" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#00000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block2" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#91000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#0C000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block3" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#91000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#19000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block4" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#91000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#26000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block5" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#91000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#3D000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block6" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#91000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#56000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block7" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#91000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#63000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block8" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#91000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#72000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block9" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#91000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#7F000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block10" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#23000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#8E000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block11" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#9B000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block12" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#AA000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block13" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#B7000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block14" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#C6000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block15" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#D3000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block16" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#E2000000"/>
</ColorAnimationUsingKeyFrames>
<ColorAnimationUsingKeyFrames Duration="00:00:03.6" Storyboard.TargetName="block17" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
<LinearColorKeyFrame KeyTime="00:00:00.0" Value="#EF000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.2" Value="#E2000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.4" Value="#D3000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.6" Value="#C6000000"/>
<LinearColorKeyFrame KeyTime="00:00:00.8" Value="#B7000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.0" Value="#AA000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.2" Value="#9B000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.4" Value="#8E000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.6" Value="#7F000000"/>
<LinearColorKeyFrame KeyTime="00:00:01.8" Value="#72000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.0" Value="#63000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.2" Value="#56000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.4" Value="#3D000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.6" Value="#26000000"/>
<LinearColorKeyFrame KeyTime="00:00:02.8" Value="#19000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.0" Value="#0C000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.2" Value="#00000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.4" Value="#FF000000"/>
<LinearColorKeyFrame KeyTime="00:00:03.6" Value="#EF000000"/>
</ColorAnimationUsingKeyFrames>
</Storyboard>
</UserControl.Resources>
<UserControl.Triggers>
<EventTrigger RoutedEvent="FrameworkElement.Loaded">
<BeginStoryboard
x:Name="ProgressAnimation_BeginStoryboard"
Storyboard="{StaticResource ProgressAnimation}"
/>
</EventTrigger>
</UserControl.Triggers>
<DockPanel Background="#B5EEEEEE" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >
<Canvas x:Name="LayoutRoot" VerticalAlignment="Center" HorizontalAlignment="Center" Height="88" Width="88">
<TextBlock Text="Loading..." TextWrapping="Wrap" Canvas.Left="20.069" Canvas.Top="36.214"/>
<Grid Width="10.734" Height="10.004" Canvas.Left="38.614" Canvas.Top="0.331">
<!-- Block 0 -->
<Path x:Name="block0" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#00000000" >
<Path.RenderTransform>
<RotateTransform Angle="180"/>
</Path.RenderTransform>
</Path>
<!-- Block 1 -->
<Path x:Name="block1" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#0C000000" >
<Path.RenderTransform>
<RotateTransform Angle="-160"/>
</Path.RenderTransform>
</Path>
<!-- Block 2 -->
<Path x:Name="block2" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#19000000" >
<Path.RenderTransform>
<RotateTransform Angle="-140"/>
</Path.RenderTransform>
</Path>
<!-- Block 3 -->
<Path x:Name="block3" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#26000000" >
<Path.RenderTransform>
<RotateTransform Angle="-120"/>
</Path.RenderTransform>
</Path>
<!-- Block 4 -->
<Path x:Name="block4" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#3D000000" >
<Path.RenderTransform>
<RotateTransform Angle="-100"/>
</Path.RenderTransform>
</Path>
<!-- Block 5 -->
<Path x:Name="block5" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#56000000" >
<Path.RenderTransform>
<RotateTransform Angle="-80"/>
</Path.RenderTransform>
</Path>
<!-- Block 6 -->
<Path x:Name="block6" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#64000000" >
<Path.RenderTransform>
<RotateTransform Angle="-60"/>
</Path.RenderTransform>
</Path>
<!-- Block 7 -->
<Path x:Name="block7" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#72000000" >
<Path.RenderTransform>
<RotateTransform Angle="-40"/>
</Path.RenderTransform>
</Path>
<!-- Block 8 -->
<Path x:Name="block8" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#80000000" >
<Path.RenderTransform>
<RotateTransform Angle="-20"/>
</Path.RenderTransform>
</Path>
<!-- Block 9 -->
<Path x:Name="block9" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#8E000000" >
<Path.RenderTransform>
<RotateTransform Angle="0"/>
</Path.RenderTransform>
</Path>
<!-- Block 10 -->
<Path x:Name="block10" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#9C000000" >
<Path.RenderTransform>
<RotateTransform Angle="20"/>
</Path.RenderTransform>
</Path>
<!-- Block 11 -->
<Path x:Name="block11" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#AA000000" >
<Path.RenderTransform>
<RotateTransform Angle="40"/>
</Path.RenderTransform>
</Path>
<!-- Block 12 -->
<Path x:Name="block12" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#B8000000" >
<Path.RenderTransform>
<RotateTransform Angle="60"/>
</Path.RenderTransform>
</Path>
<!-- Block 13 -->
<Path x:Name="block13" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#C6000000" >
<Path.RenderTransform>
<RotateTransform Angle="80"/>
</Path.RenderTransform>
</Path>
<!-- Block 14 -->
<Path x:Name="block14" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#D4000000" >
<Path.RenderTransform>
<RotateTransform Angle="100"/>
</Path.RenderTransform>
</Path>
<!-- Block 15 -->
<Path x:Name="block15" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#E2000000" >
<Path.RenderTransform>
<RotateTransform Angle="120"/>
</Path.RenderTransform>
</Path>
<!-- Block 16 -->
<Path x:Name="block16" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="#F0000000" >
<Path.RenderTransform>
<RotateTransform Angle="140"/>
</Path.RenderTransform>
</Path>
<!-- Block 17 -->
<Path x:Name="block17" Style="{StaticResource PathStyle}" Data="{StaticResource Block}" OpacityMask="Black" >
<Path.RenderTransform>
<RotateTransform Angle="160"/>
</Path.RenderTransform>
</Path>
</Grid>
</Canvas>
</DockPanel>
</UserControl>
核心的usercontrol的代码就是上面的
如果有更好的效果不妨告诉小弟一声 谢谢
