windows phone之山寨win8圆形进度条

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:controls="clr-namespace:Monsters.WindowsPhone.Controls;assembly=PhoneClassLibrary1"

>

<Style TargetType="controls:ProgressRing">

<Setter Property="Foreground" Value="#ffffff" />

<Setter Property="IsHitTestVisible" Value="False" />

<Setter Property="HorizontalAlignment" Value="Center" />

<Setter Property="VerticalAlignment" Value="Center" />

<Setter Property="MinHeight" Value="" />

<Setter Property="MinWidth" Value="" />

<Setter Property="IsTabStop" Value="False" />

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="controls:ProgressRing">

<Border x:Name="ProgressRingRoot" Background="{TemplateBinding Background}"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}">

<Border.Resources>

<Style x:Key="ProgressRingEllipseStyle" TargetType="Ellipse">

<Setter Property="Opacity" Value="" />

<Setter Property="HorizontalAlignment" Value="Left" />

<Setter Property="VerticalAlignment" Value="Top" />

</Style>

</Border.Resources>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="SizeStates">

<VisualState x:Name="Large">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration=""

Storyboard.TargetName="SixthCircle"

Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Small" />

</VisualStateGroup>

<VisualStateGroup x:Name="ActiveStates">

<VisualState x:Name="Inactive" />

<VisualState x:Name="Active">

<Storyboard RepeatBehavior="Forever">

<ObjectAnimationUsingKeyFrames Duration=""

Storyboard.TargetName="Ring"

Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E1"

Storyboard.TargetProperty="Opacity"

BeginTime="">

<DiscreteDoubleKeyFrame KeyTime="" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E2"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.167">

<DiscreteDoubleKeyFrame KeyTime="" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E3"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.334">

<DiscreteDoubleKeyFrame KeyTime="" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E4"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.501">

<DiscreteDoubleKeyFrame KeyTime="" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E5"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.668">

<DiscreteDoubleKeyFrame KeyTime="" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E6"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.835">

<DiscreteDoubleKeyFrame KeyTime="" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E1R"

BeginTime=""

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="" Value="-110" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E2R"

BeginTime="00:00:00.167"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="" Value="-116" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E3R"

BeginTime="00:00:00.334"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="" Value="-122" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="-2" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E4R"

BeginTime="00:00:00.501"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="" Value="-128" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="-8" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E5R"

BeginTime="00:00:00.668"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="" Value="-134" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="-14" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E6R"

BeginTime="00:00:00.835"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="" Value="-140" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="-20" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value=""/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Grid x:Name="Ring"

Margin="{TemplateBinding Padding}"

MaxWidth="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.MaxSideLength}"

MaxHeight="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.MaxSideLength}"

Visibility="Collapsed"

RenderTransformOrigin=".5,.5"

FlowDirection="LeftToRight">

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E1R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E1"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E2R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E2"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E3R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E3"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E4R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E4"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E5R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E5"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5"

Visibility="Collapsed"

x:Name="SixthCircle">

<Canvas.RenderTransform>

<RotateTransform x:Name="E6R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E6"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

</Grid>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

namespace Monsters.WindowsPhone.Controls

{

    public class ProgressRing : Control

    {

        bool hasAppliedTemplate = false;

        public ProgressRing()

        {

            this.DefaultStyleKey = typeof(ProgressRing);

            TemplateSettings = new TemplateSettingValues();

        }

        public override void OnApplyTemplate()

        {

            base.OnApplyTemplate();

            hasAppliedTemplate = true;

            UpdateState(this.IsActive);

        }

        void UpdateState(bool isActive)

        {

            if (hasAppliedTemplate)

            {

                string state = isActive ? "Active" : "Inactive";

                System.Windows.VisualStateManager.GoToState(this, state, true);

            }

        }

        protected override System.Windows.Size MeasureOverride(System.Windows.Size availableSize)

        {

            var width = 100D;

            if (!System.ComponentModel.DesignerProperties.IsInDesignTool)

                width = this.Width != double.NaN ? this.Width : availableSize.Width;

            TemplateSettings = new TemplateSettingValues(width);

            return base.MeasureOverride(availableSize);

        }

        public bool IsActive

        {

            get { return (bool)GetValue(IsActiveProperty); }

            set { SetValue(IsActiveProperty, value); }

        }

        // Using a DependencyProperty as the backing store for IsActive.  This enables animation, styling, binding, etc...

        public static readonly DependencyProperty IsActiveProperty =

            DependencyProperty.Register("IsActive", typeof(bool), typeof(ProgressRing), new PropertyMetadata(false, new PropertyChangedCallback(IsActiveChanged)));

        private static void IsActiveChanged(DependencyObject d, DependencyPropertyChangedEventArgs args)

        {

            var pr = (ProgressRing)d;

            var isActive = (bool)args.NewValue;

            pr.UpdateState(isActive);

        }

        public TemplateSettingValues TemplateSettings

        {

            get { return (TemplateSettingValues)GetValue(TemplateSettingsProperty); }

            set { SetValue(TemplateSettingsProperty, value); }

        }

        // Using a DependencyProperty as the backing store for TemplateSettings.  This enables animation, styling, binding, etc...

        public static readonly DependencyProperty TemplateSettingsProperty =

            DependencyProperty.Register("TemplateSettings", typeof(TemplateSettingValues), typeof(ProgressRing), new PropertyMetadata(new TemplateSettingValues()));

        public class TemplateSettingValues : System.Windows.DependencyObject

        {

            public TemplateSettingValues(double width)

            {

                MaxSideLength = ;

                EllipseDiameter = width / ;

                EllipseOffset = new System.Windows.Thickness(EllipseDiameter);

            }

            public double MaxSideLength

            {

                get { return (double)GetValue(MaxSideLengthProperty); }

                set { SetValue(MaxSideLengthProperty, value); }

            }

            // Using a DependencyProperty as the backing store for MaxSideLength.  This enables animation, styling, binding, etc...

            public static readonly DependencyProperty MaxSideLengthProperty =

                DependencyProperty.Register("MaxSideLength", typeof(double), typeof(TemplateSettingValues), new PropertyMetadata(0D));

            public double EllipseDiameter

            {

                get { return (double)GetValue(EllipseDiameterProperty); }

                set { SetValue(EllipseDiameterProperty, value); }

            }

            // Using a DependencyProperty as the backing store for EllipseDiameter.  This enables animation, styling, binding, etc...

            public static readonly DependencyProperty EllipseDiameterProperty =

                DependencyProperty.Register("EllipseDiameter", typeof(double), typeof(TemplateSettingValues), new PropertyMetadata(0D));

            public Thickness EllipseOffset

            {

                get { return (Thickness)GetValue(EllipseOffsetProperty); }

                set { SetValue(EllipseOffsetProperty, value); }

            }

            // Using a DependencyProperty as the backing store for EllipseOffset.  This enables animation, styling, binding, etc...

            public static readonly DependencyProperty EllipseOffsetProperty =

                DependencyProperty.Register("EllipseOffset", typeof(Thickness), typeof(TemplateSettingValues), new PropertyMetadata(new Thickness()));

        }

    }

}

样式：

<ResourceDictionary

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:controls="clr-namespace:Monsters.WindowsPhone.Controls;assembly=PhoneClassLibrary1"

>

<Style TargetType="controls:ProgressRing">

<Setter Property="Foreground" Value="#ffffff" />

<Setter Property="IsHitTestVisible" Value="False" />

<Setter Property="HorizontalAlignment" Value="Center" />

<Setter Property="VerticalAlignment" Value="Center" />

<Setter Property="MinHeight" Value="20" />

<Setter Property="MinWidth" Value="20" />

<Setter Property="IsTabStop" Value="False" />

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="controls:ProgressRing">

<Border x:Name="ProgressRingRoot" Background="{TemplateBinding Background}"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}">

<Border.Resources>

<Style x:Key="ProgressRingEllipseStyle" TargetType="Ellipse">

<Setter Property="Opacity" Value="0" />

<Setter Property="HorizontalAlignment" Value="Left" />

<Setter Property="VerticalAlignment" Value="Top" />

</Style>

</Border.Resources>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="SizeStates">

<VisualState x:Name="Large">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0"

Storyboard.TargetName="SixthCircle"

Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Small" />

</VisualStateGroup>

<VisualStateGroup x:Name="ActiveStates">

<VisualState x:Name="Inactive" />

<VisualState x:Name="Active">

<Storyboard RepeatBehavior="Forever">

<ObjectAnimationUsingKeyFrames Duration="0"

Storyboard.TargetName="Ring"

Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E1"

Storyboard.TargetProperty="Opacity"

BeginTime="0">

<DiscreteDoubleKeyFrame KeyTime="0" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="0" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="0" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E2"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.167">

<DiscreteDoubleKeyFrame KeyTime="0" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="0" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="0" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E3"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.334">

<DiscreteDoubleKeyFrame KeyTime="0" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="0" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="0" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E4"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.501">

<DiscreteDoubleKeyFrame KeyTime="0" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="0" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="0" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E5"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.668">

<DiscreteDoubleKeyFrame KeyTime="0" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="0" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="0" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E6"

Storyboard.TargetProperty="Opacity"

BeginTime="00:00:00.835">

<DiscreteDoubleKeyFrame KeyTime="0" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.21" Value="1" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.22" Value="0" />

<DiscreteDoubleKeyFrame KeyTime="0:0:3.47" Value="0" />

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E1R"

BeginTime="0"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="0" Value="-110" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="10" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value="93"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="205" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="357" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value="439"/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="585" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E2R"

BeginTime="00:00:00.167"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="0" Value="-116" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="4" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value="87"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="199" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="351" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value="433"/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="579" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E3R"

BeginTime="00:00:00.334"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="0" Value="-122" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="-2" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value="81"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="193" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="345" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value="427"/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="573" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E4R"

BeginTime="00:00:00.501"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="0" Value="-128" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="-8" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value="75"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="187" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="339" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value="421"/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="567" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E5R"

BeginTime="00:00:00.668"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="0" Value="-134" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="-14" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value="69"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="181" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="331" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value="415"/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="561" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="E6R"

BeginTime="00:00:00.835"

Storyboard.TargetProperty="Angle">

<SplineDoubleKeyFrame KeyTime="0" Value="-140" KeySpline="0.13,0.21,0.1,0.7"/>

<SplineDoubleKeyFrame KeyTime="0:0:0.433" Value="-20" KeySpline="0.02,0.33,0.38,0.77"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.2" Value="63"/>

<SplineDoubleKeyFrame KeyTime="0:0:1.617" Value="175" KeySpline="0.57,0.17,0.95,0.75"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.017" Value="325" KeySpline="0,0.19,0.07,0.72"/>

<SplineDoubleKeyFrame KeyTime="0:0:2.783" Value="409"/>

<SplineDoubleKeyFrame KeyTime="0:0:3.217" Value="555" KeySpline="0,0,0.95,0.37"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Grid x:Name="Ring"

Margin="{TemplateBinding Padding}"

MaxWidth="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.MaxSideLength}"

MaxHeight="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.MaxSideLength}"

Visibility="Collapsed"

RenderTransformOrigin=".5,.5"

FlowDirection="LeftToRight">

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E1R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E1"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E2R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E2"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E3R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E3"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E4R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E4"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5">

<Canvas.RenderTransform>

<RotateTransform x:Name="E5R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E5"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

<Canvas RenderTransformOrigin=".5,.5"

Visibility="Collapsed"

x:Name="SixthCircle">

<Canvas.RenderTransform>

<RotateTransform x:Name="E6R" />

</Canvas.RenderTransform>

<Ellipse

x:Name="E6"

Style="{StaticResource ProgressRingEllipseStyle}"

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseDiameter}"

Margin="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.EllipseOffset}"

Fill="{TemplateBinding Foreground}"/>

</Canvas>

</Grid>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

支持wp7、wp8.。当然wp8.1 自带这个控件

windows phone之山寨win8圆形进度条的更多相关文章

原生javascript模仿win8等待进度条。
一.序言一直很中意win8等待提示圆圈进度条.win8刚出来那会,感觉好神奇!苦于当时没思路,没去研究.通过最近网上找找资料,终于给搞出来了!先上Demo,献丑了!预览请看:win8进度条. 二.简 ...
WPF利用动画实现圆形进度条
原文:WPF利用动画实现圆形进度条这是我的第一篇随笔,最近因为工作需要,开始学习WPF相关技术,自己想实现以下圆形进度条的效果,逛了园子发现基本都是很久以前的文章,实现方式一般都是GDI实现的,想到 ...
Google Chrome 圆形进度条
Conmajia © 2012 Updated on Feb. 21, 2018 Google Chrome 的圆形进度条. Demo 功能显示百分比(0-100).如果进度值达到 100%,则将闪 ...
android 自定义控件——（四）圆形进度条
----------------------------------↓↓圆形进度条(源代码下有属性解释)↓↓---------------------------------------------- ...
WPF 实现圆形进度条
项目中用到圆形进度条,首先就想到使用 ProgressBar 扩展一个,在园子里找到迷途的小榔头给出的思路和部分代码,自己加以实现. 进度小于60显示红色,大于60则显示绿色.效果如下: 基本思路: ...
html5 svg 圆形进度条
html5 svg 圆形进度条 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
canvas圆形进度条
通过定义一个canvas标签, new方法传进ID值,和旋转角度值,即可生成圆形进度条 <!DOCTYPE html> <html lang="en"> & ...
iOS之UI--Quartz2D的入门应用--重绘下载圆形进度条
*:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } ...
Android 高手进阶之自定义View，自定义属性（带进度的圆形进度条）
Android 高手进阶(21) 版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请注明地址:http://blog.csdn.net/xiaanming/article/detail ...

随机推荐

mongodb配置和基本操作
MongoDB3.0新特性WiredTigerMMAPv1可插拔引擎API基于web的可视化管理工具查看版本号mongod --version启动数据库 mongod --dbpath $dbpat ...
java的Swing编程====实现鼠标双击一下==画图===getMouseClicked的方法
总结: 使用匿名类,但是用实现接口的方式呢??? package com.aa; import java.awt.Color; import java.awt.Graphics; import jav ...
mysql实战优化之三：表优化
对于大多数的数据库引擎来说,硬盘操作可能是最重大的瓶颈.所以,把你的数据变得紧凑会对这种情况非常有帮助,因为这减少了对硬盘的访问. 如果一个表只会有几列罢了(比如说字典表,配置表),那么,我们就没有理 ...
1052 Linked List Sorting
题意:链表排序思路:题目本身并不难,但是这题仔细读题很重要.原题中有一句话,"For each case, the first line contains a positive N and ...
易酷cms本地包含漏洞拿shell
测试版本:易酷cms2.5 包含一句话:http://localhost/ekucms2.5/?s=my/show/id/{~eval($_POST[x])} 会在网站的/temp/Logs/目录下生 ...
springboot成神之——ioc容器（依赖注入）
springboot成神之--ioc容器(依赖注入) spring的ioc功能文件目录结构 lang Chinese English GreetingService MyRepository MyC ...
svn锁定问题解决
问题描述: 今天遇到svn文件被某个人锁定,搞得全部人都不能提交更新. 解决方法一: 首先,先定位到工程目录下,然后使用如下命令查看是否有锁 find . | grep ".svn/lock ...
linux信号量使用
#include <pthread.h> #include <semaphore.h> #include <unistd.h> #include <stdio ...
django表单的字段验证（clean_<fieldname>()）和ajax的字段验证
django中的Form有个很重要的功能:验证用户输入而验证用户输入也可以分为2种: (1)前端本身的验证,例如:字段是否可为空,手机号码格式是否正确等: (2)前端输入数据和后台数据库数据的验证, ...
Python绘图matplotlib
转自http://blog.csdn.net/ywjun0919/article/details/8692018 Python图表绘制:matplotlib绘图库入门 matplotlib 是pyth ...

windows phone之山寨win8圆形进度条

windows phone之山寨win8圆形进度条的更多相关文章

随机推荐

热门专题