andrew4582

WPF Circle Progress Bar

Mar 11th, 2013
219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 2.85 KB | None | 0 0
  1.  <Grid Margin="1"
  2.              x:Name="loadingCnt"
  3.              Width="{Binding ImageWidth,Mode=OneTime,FallbackValue=96}"
  4.              Height="{Binding ImageHeight,Mode=OneTime,FallbackValue=96}"
  5.              
  6.              Visibility="Collapsed">
  7.            
  8.             <Grid  Background="Transparent" Margin="0">
  9.                 <Grid.Resources>
  10.                     <Style TargetType="Ellipse">
  11.                         <Setter Property="Width" Value="11"/>
  12.                         <Setter Property="Height" Value="11"/>
  13.                         <Setter Property="Stretch" Value="Fill"/>
  14.                         <Setter Property="Fill" Value="#FF1A559E"/>
  15.                     </Style>
  16.                 </Grid.Resources>
  17.                 <Grid.RenderTransform>
  18.                     <ScaleTransform x:Name="SpinnerScale" ScaleX="0.75" ScaleY="0.75" />
  19.                 </Grid.RenderTransform>
  20.                 <Canvas Name="canvas" RenderTransformOrigin="0.50,0.50" Width="60" Height="60" >
  21.  
  22.                     <Ellipse Canvas.Left="10.0848" Canvas.Top="4.88179" Opacity="1"/>
  23.                     <Ellipse Canvas.Left="1.43408" Canvas.Top="14.97905" Opacity="0.9"/>
  24.                     <Ellipse Canvas.Left="2.51879E-06" Canvas.Top="28.96705" Opacity="0.8"/>
  25.                     <Ellipse Canvas.Left="6.06015" Canvas.Top="41.65815" Opacity="0.7"/>
  26.                     <Ellipse Canvas.Left="18.27295" Canvas.Top="49.069" Opacity="0.6"/>
  27.                     <Ellipse Canvas.Left="32.33615" Canvas.Top="48.42055" Opacity="0.5"/>
  28.                     <Ellipse Canvas.Left="43.8088" Canvas.Top="40.63915" Opacity="0.4"/>
  29.                     <Ellipse Canvas.Left="49.0825" Canvas.Top="27.207" Opacity="0.3"/>
  30.                     <Ellipse Canvas.Left="46.4919" Canvas.Top="13.4969" Opacity="0.2"/>
  31.                     <Ellipse Canvas.Left="23.63915" Canvas.Top="0.25" Opacity="0.1"/>
  32.  
  33.                     <Canvas.RenderTransform>
  34.                         <RotateTransform x:Name="SpinnerRotate" Angle="0" />
  35.                     </Canvas.RenderTransform>
  36.                     <Canvas.Triggers>
  37.                         <EventTrigger RoutedEvent="ContentControl.Loaded">
  38.                             <BeginStoryboard>
  39.                                 <Storyboard>
  40.                                     <DoubleAnimation
  41.                                Storyboard.TargetName ="SpinnerRotate"
  42.                                 Storyboard.TargetProperty ="(RotateTransform.Angle)"
  43.                                 From="0" To="360"
  44.                                 Duration="00:00:00.85"
  45.                                 RepeatBehavior="Forever" />
  46.                                 </Storyboard>
  47.                             </BeginStoryboard>
  48.                         </EventTrigger>
  49.                     </Canvas.Triggers>
  50.                 </Canvas>
  51.             </Grid>
  52.         </Grid>
Advertisement
Add Comment
Please, Sign In to add comment