UserControl Arc Animation, Need complete cutomization of the Control

Hey,

I have done a small animation but I want this as a Control with full customization.

I mean should be able to change the color of stroke, count of arc, rotation speed, rotation angle, Tool tip message... and more

Please advise better way to do these stuffs.

<UserControl
             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" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:System="clr-namespace:System;assembly=mscorlib" x:Class="AnimationLibrary.UserControl1" 
             mc:Ignorable="d" 
             d:DesignHeight="256" d:DesignWidth="256"><UserControl.Resources><System:Double x:Key="CenterAxis">128</System:Double></UserControl.Resources><Grid x:Name="grid"><Path x:Name="path" Width="{Binding ActualWidth, ElementName=grid, Mode=OneWay}" Height="{Binding ActualHeight, ElementName=grid, Mode=OneWay}"   Stroke="#FFF5087F"><Path.Data><GeometryGroup><PathGeometry><PathGeometry.Transform><TransformGroup><RotateTransform x:Name="Arc1" Angle="0" CenterX="{StaticResource CenterAxis}" CenterY="{StaticResource CenterAxis}" /></TransformGroup></PathGeometry.Transform><PathFigure StartPoint="128,0"><ArcSegment Size="1,1"   SweepDirection="Clockwise"><ArcSegment.Point><Point X="128" Y="256"/></ArcSegment.Point></ArcSegment></PathFigure></PathGeometry><PathGeometry><PathGeometry.Transform><TransformGroup><RotateTransform x:Name="Arc2" Angle="0" CenterX="{StaticResource CenterAxis}" CenterY="{StaticResource CenterAxis}" /></TransformGroup></PathGeometry.Transform><PathFigure StartPoint="128,64"><ArcSegment Size="1,1"   SweepDirection="Counterclockwise"><ArcSegment.Point><Point X="128" Y="192"/></ArcSegment.Point></ArcSegment></PathFigure></PathGeometry><PathGeometry><PathGeometry.Transform><TransformGroup><RotateTransform x:Name="Arc3" Angle="0" CenterX="{StaticResource CenterAxis}" CenterY="{StaticResource CenterAxis}" /></TransformGroup></PathGeometry.Transform><PathFigure StartPoint="32,128"><ArcSegment Size="1,1"   SweepDirection="Counterclockwise"><ArcSegment.Point><Point X="224" Y="128"/></ArcSegment.Point></ArcSegment></PathFigure></PathGeometry><PathGeometry><PathGeometry.Transform><TransformGroup><RotateTransform x:Name="Arc4" Angle="0" CenterX="{StaticResource CenterAxis}" CenterY="{StaticResource CenterAxis}" /></TransformGroup></PathGeometry.Transform><PathFigure StartPoint="160,128"><ArcSegment Size="1,1"   SweepDirection="Counterclockwise"><ArcSegment.Point><Point X="96" Y="128"/></ArcSegment.Point></ArcSegment></PathFigure></PathGeometry></GeometryGroup></Path.Data><Path.Triggers><EventTrigger RoutedEvent="FrameworkElement.Loaded"><BeginStoryboard><Storyboard><DoubleAnimation Storyboard.TargetName="Arc1" Storyboard.TargetProperty="Angle" From="-180" To="180" RepeatBehavior="Forever" Duration="0:0:2"/><DoubleAnimation Storyboard.TargetName="Arc2" Storyboard.TargetProperty="Angle" From="-180" To="180" RepeatBehavior="Forever" Duration="0:0:2"/><DoubleAnimation Storyboard.TargetName="Arc3" Storyboard.TargetProperty="Angle" From="180" To="-180" RepeatBehavior="Forever" Duration="0:0:2"/><DoubleAnimation Storyboard.TargetName="Arc4" Storyboard.TargetProperty="Angle" From="180" To="-180" RepeatBehavior="Forever" Duration="0:0:2"/></Storyboard></BeginStoryboard></EventTrigger></Path.Triggers></Path></Grid></UserControl>

Thanks

Jin

enjoy the life