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的代码就是上面的 

如果有更好的效果不妨告诉小弟一声 谢谢

posted @   lhx880619  阅读(8885)  评论(4)  编辑  收藏  举报
编辑推荐：
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
点击右上角即可分享
微信分享提示
AI IDE Trae