Silverlight进度条控件动画源代码

效果：

代码：

1   <UserControl x:Class="ShineDraw.Controls.LoadingAnimation"
2       xmlns=" http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3       xmlns:x=" http://schemas.microsoft.com/winfx/2006/xaml" 4       Width="400" Height="400" > 5       <UserControl.Resources> 6           <Storyboard x:Name="Rotation" RepeatBehavior="Forever"> 7               <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"> 8                   <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/> 9                   <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/> 10                  <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="45"/> 11                  <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="45"/> 12                  <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="90"/> 13                  <SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="90"/> 14                  <SplineDoubleKeyFrame KeyTime="00:00:00.6000000" Value="135"/> 15                  <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="135"/> 16                  <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="180"/> 17                  <SplineDoubleKeyFrame KeyTime="00:00:01.0000000" Value="180"/> 18                  <SplineDoubleKeyFrame KeyTime="00:00:01.0000000" Value="225"/> 19                  <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="225"/> 20                  <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="270"/> 21                  <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="270"/> 22                  <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="315"/> 23                  <SplineDoubleKeyFrame KeyTime="00:00:01.6000000" Value="315"/> 24              </DoubleAnimationUsingKeyFrames> 25          </Storyboard> 26      </UserControl.Resources> 27  28      <Grid x:Name="LayoutRoot" Background="Transparent" RenderTransformOrigin="0.5,0.5"> 29          <Grid.RenderTransform> 30              <TransformGroup> 31                  <ScaleTransform/> 32                  <SkewTransform/> 33                  <RotateTransform/> 34                  <TranslateTransform/> 35              </TransformGroup> 36          </Grid.RenderTransform> 37          <Ellipse Width="100" Height="100" Fill="#FF000000" > 38              <Ellipse.RenderTransform> 39                  <TransformGroup> 40                      <ScaleTransform/> 41                      <SkewTransform/> 42                      <RotateTransform/> 43                      <TranslateTransform X="-150"/> 44                  </TransformGroup> 45              </Ellipse.RenderTransform> 46          </Ellipse> 47          <Ellipse Width="100" Height="100" Fill="#FFAAAAAA" > 48              <Ellipse.RenderTransform> 49                  <TransformGroup> 50                      <ScaleTransform/> 51                      <SkewTransform/> 52                      <RotateTransform Angle="45" CenterX="200" CenterY="50"/> 53                      <TranslateTransform X="-150"/> 54                  </TransformGroup> 55              </Ellipse.RenderTransform> 56          </Ellipse> 57          <Ellipse Width="100" Height="100" Fill="#FFAAAAAA"  > 58              <Ellipse.RenderTransform> 59                  <TransformGroup> 60                      <ScaleTransform/> 61                      <SkewTransform/> 62                      <RotateTransform Angle="90" CenterX="200" CenterY="50"/> 63                      <TranslateTransform X="-150"/> 64                  </TransformGroup> 65              </Ellipse.RenderTransform> 66          </Ellipse> 67          <Ellipse Width="100" Height="100" Fill="#FFAAAAAA"  > 68              <Ellipse.RenderTransform> 69                  <TransformGroup> 70                      <ScaleTransform/> 71                      <SkewTransform/> 72                      <RotateTransform Angle="135" CenterX="200" CenterY="50"/> 73                      <TranslateTransform X="-150"/> 74                  </TransformGroup> 75              </Ellipse.RenderTransform> 76          </Ellipse> 77          <Ellipse Width="100" Height="100" Fill="#FF999999"  > 78              <Ellipse.RenderTransform> 79                  <TransformGroup> 80                      <ScaleTransform/> 81                      <SkewTransform/> 82                      <RotateTransform Angle="180" CenterX="200" CenterY="50"/> 83                      <TranslateTransform X="-150"/> 84                  </TransformGroup> 85              </Ellipse.RenderTransform> 86          </Ellipse> 87          <Ellipse Width="100" Height="100" Fill="#FF777777" > 88              <Ellipse.RenderTransform> 89                  <TransformGroup> 90                      <ScaleTransform/> 91                      <SkewTransform/> 92                      <RotateTransform Angle="225" CenterX="200" CenterY="50"/> 93                      <TranslateTransform X="-150"/> 94                  </TransformGroup> 95              </Ellipse.RenderTransform> 96          </Ellipse> 97          <Ellipse Width="100" Height="100" Fill="#FF555555"  > 98              <Ellipse.RenderTransform> 99                  <TransformGroup> 100                     <ScaleTransform/> 101                     <SkewTransform/> 102                     <RotateTransform Angle="270" CenterX="200" CenterY="50"/> 103                     <TranslateTransform X="-150"/> 104                 </TransformGroup> 105             </Ellipse.RenderTransform> 106         </Ellipse> 107         <Ellipse Width="100" Height="100" Fill="#FF333333"  > 108             <Ellipse.RenderTransform> 109                 <TransformGroup> 110                     <ScaleTransform/> 111                     <SkewTransform/> 112                     <RotateTransform Angle="315" CenterX="200" CenterY="50"/> 113                     <TranslateTransform X="-150"/> 114                 </TransformGroup> 115             </Ellipse.RenderTransform> 116         </Ellipse> 117     </Grid> 118 </UserControl> 119