首页 新闻 搜索 专区 学院

用Silverlight SPY工具无法获取完整的,现在急用这个样式,谁能提供完整的代码

1
悬赏园豆:100 [待解决问题]
Never Night的主页 Never Night | 初学一级 | 园豆:100
提问于:2010-08-18 15:35
< >
分享
所有回答(4)
0

参考这里:http://www.cnblogs.com/jv9/archive/2009/12/15/1622853.html

PS:这个反编译工具是最新版本的吗。

Astar | 园豆:40805 (高人七级) | 2010-08-18 16:04
我工具是新的,但还是不能完全获取
支持(0) 反对(0) Never Night | 园豆:100 (初学一级) | 2010-08-18 16:54
@Never Night:会不会它一直没有预加载完,导致这样的后果。
支持(0) 反对(0) Astar | 园豆:40805 (高人七级) | 2010-08-18 16:57
0

替你找了这个样式:也是用Silverlight SPY工具找的;路径看下图(红色标记处):


Silverlight SPY 工具最新版下载地址:

http://firstfloorsoftware.com/silverlightspy/download-silverlight-spy/

不过这个样式是应用在 RadButton 控件上, 这个控件是这个系统本身自带的控件,对 button 进行了扩展。你要实现他那样的效果还要自己再做处理才行:

样式代码:

<Grid x:Name="LayoutRoot" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 <Grid.Triggers>
   <EventTrigger>
     <BeginStoryboard />
   </EventTrigger>
 </Grid.Triggers>
 <Ellipse x:Name="glow" Width="350" Height="350" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" StrokeThickness="0" Stretch="Fill">
   <Ellipse.Fill>
     <RadialGradientBrush>
       <GradientStop Color="#6400B0FF" Offset="0.64" />
       <GradientStop Color="#3200B0FF" Offset="0.73" />
       <GradientStop Color="#1600B0FF" Offset="0.82" />
       <GradientStop Color="#0800B0FE" Offset="0.91" />
       <GradientStop Color="#0000B0FF" Offset="1" />
     </RadialGradientBrush>
   </Ellipse.Fill>
   <Ellipse.Triggers>
     <EventTrigger>
       <BeginStoryboard />
     </EventTrigger>
   </Ellipse.Triggers>
   <Ellipse.RenderTransform>
     <CompositeTransform ScaleX="0.4" ScaleY="0.4" TranslateX="-100" TranslateY="100" />
   </Ellipse.RenderTransform>
 </Ellipse>
 <Grid x:Name="RadBall" Width="240" Height="240" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5">
   <Grid.RenderTransform>
     <TransformGroup>
       <ScaleTransform ScaleX="0.5" ScaleY="0.5" />
       <SkewTransform />
       <RotateTransform />
       <TranslateTransform X="-100" Y="100" />
     </TransformGroup>
   </Grid.RenderTransform>
   <Ellipse x:Name="OuterElipse" RenderTransformOrigin="0.5,0.5" StrokeThickness="0" Stretch="Fill">
     <Ellipse.Fill>
       <RadialGradientBrush>
         <GradientStop Offset="0.789" />
         <GradientStop Color="#FF333333" Offset="1" />
       </RadialGradientBrush>
     </Ellipse.Fill>
     <Ellipse.RenderTransform>
       <CompositeTransform ScaleX="0.75" ScaleY="0.75" />
     </Ellipse.RenderTransform>
   </Ellipse>
   <Border x:Name="border" Visibility="Collapsed" RenderTransformOrigin="0.5,0.5">
     <Border.OpacityMask>
       <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
         <GradientStop Color="#FF000000" Offset="0.5" />
         <GradientStop Color="#00FFFFFF" Offset="0.5" />
       </LinearGradientBrush>
     </Border.OpacityMask>
     <Border.RenderTransform>
       <TransformGroup>
         <ScaleTransform ScaleX="0.75" ScaleY="0.75" />
         <SkewTransform />
         <RotateTransform Angle="-90" />
         <TranslateTransform />
       </TransformGroup>
     </Border.RenderTransform>
     <Border x:Name="border1" RenderTransformOrigin="0.5,0.5">
       <Border.OpacityMask>
         <LinearGradientBrush StartPoint="1,0.5" EndPoint="0,0.5">
           <GradientStop Color="#FF000000" Offset="0.5" />
           <GradientStop Color="#00FFFFFF" Offset="0.5" />
         </LinearGradientBrush>
       </Border.OpacityMask>
       <Border.RenderTransform>
         <TransformGroup>
           <ScaleTransform />
           <SkewTransform />
           <RotateTransform Angle="90" />
           <TranslateTransform />
         </TransformGroup>
       </Border.RenderTransform>
       <Ellipse StrokeThickness="0" Stretch="Fill">
         <Ellipse.Fill>
           <RadialGradientBrush>
             <GradientStop Color="#FFCCFF00" Offset="1" />
             <GradientStop Color="#FF4E7704" Offset="0.66" />
           </RadialGradientBrush>
         </Ellipse.Fill>
       </Ellipse>
     </Border>
   </Border>
   <RadButton x:Name="PART_EllipseButton" RenderTransformOrigin="0.5,0.5" Cursor="Hand" BorderBrush="#FF848484" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Padding="3">
     <RadButton.RenderTransform>
       <CompositeTransform />
     </RadButton.RenderTransform>
     <ContentPresenter>
       <Grid>
         <Ellipse x:Name="InnerEllipse" Margin="42" Stretch="Fill">
           <Ellipse.Fill>
             <RadialGradientBrush>
               <GradientStop />
               <GradientStop Color="#FFBABABA" Offset="1" />
             </RadialGradientBrush>
           </Ellipse.Fill>
         </Ellipse>
         <Ellipse x:Name="InnerEllipseMouseOver" Margin="42" Opacity="0" Stretch="Fill">
           <Ellipse.Fill>
             <RadialGradientBrush>
               <GradientStop Color="#FFA4CE1A" Offset="1" />
               <GradientStop Color="#FFD4FE67" Offset="0.423" />
             </RadialGradientBrush>
           </Ellipse.Fill>
         </Ellipse>
       </Grid>
     </ContentPresenter>
   </RadButton>
   <TextBlock x:Name="Silverlight" Width="95" HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="false" RenderTransformOrigin="0.5,0.5" Text="BROWSE CONTROLS" FontSize="15" FontWeight="Bold" TextWrapping="Wrap" Foreground="#FF515151">
     <TextBlock.RenderTransform>
       <CompositeTransform />
     </TextBlock.RenderTransform>
   </TextBlock>
   <Grid x:Name="Texts" Margin="18,19,19,20" Opacity="0" Visibility="Collapsed">
     <Path x:Name="VisualizationText" Height="28.377" Margin="47.012,0,41.681,0" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" Stretch="Fill">
       <Path.Data>
         <PathGeometry FillRule="Nonzero">
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
     <Path x:Name="DataText" Width="20.545" Height="38.982" Margin="0,55.033,0.137,0" HorizontalAlignment="Right" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" Stretch="Fill">
       <Path.Data>
         <PathGeometry FillRule="Nonzero">
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
     <Path x:Name="NavigationText" Width="75.397" Height="67.443" Margin="0,0,5.839,-0.292" HorizontalAlignment="Right" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5" Stretch="Fill">
       <Path.Data>
         <PathGeometry FillRule="Nonzero">
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
     <Path x:Name="InputText" Width="45.857" Height="28.551" Margin="35.573,0,0,-0.093" HorizontalAlignment="Left" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5" Stretch="Fill">
       <Path.Data>
         <PathGeometry FillRule="Nonzero">
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
     <Path x:Name="ContainersText" Width="25.903" Margin="0,45.27,0,59.911" HorizontalAlignment="Left" RenderTransformOrigin="0.5,0.5" Stretch="Fill">
       <Path.Data>
         <PathGeometry FillRule="Nonzero">
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
   </Grid>
   <Grid x:Name="ClickAreas" Visibility="Collapsed">
     <RadButton x:Name="PART_VisualizationButton" Height="67.993" Margin="35.635,0,30.496,0" VerticalAlignment="Top" Cursor="Hand" BorderBrush="#FF848484" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Padding="3">
       <ContentPresenter>
         <Path x:Name="VisualizationClickArea" Fill="#00FFFFFF">
           <Path.Data>
             <PathGeometry>
               <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
             </PathGeometry>
           </Path.Data>
         </Path>
       </ContentPresenter>
     </RadButton>
     <RadButton x:Name="PART_DataButton" Width="61.844" Margin="0,40.128,0,107.208" HorizontalAlignment="Right" Cursor="Hand" BorderBrush="#FF848484" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Padding="3">
       <ContentPresenter>
         <Path x:Name="DataClickArea" Fill="#00FFFFFF">
           <Path.Data>
             <PathGeometry>
               <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
             </PathGeometry>
           </Path.Data>
         </Path>
       </ContentPresenter>
     </RadButton>
     <RadButton x:Name="PART_NavigationButton" Height="111.547" Margin="119.464,0,0.688,0.044" VerticalAlignment="Bottom" Cursor="Hand" BorderBrush="#FF848484" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Padding="3">
       <ContentPresenter>
         <Path x:Name="NavigationClickArea" Fill="#00FFFFFF">
           <Path.Data>
             <PathGeometry>
               <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
             </PathGeometry>
           </Path.Data>
         </Path>
       </ContentPresenter>
     </RadButton>
     <RadButton x:Name="PART_InputButton" Height="73.297" Margin="24.828,0,119.5,0.028" VerticalAlignment="Bottom" Cursor="Hand" BorderBrush="#FF848484" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Padding="3">
       <ContentPresenter>
         <Path x:Name="InputClickArea" Fill="#00FFFFFF">
           <Path.Data>
             <PathGeometry>
               <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
             </PathGeometry>
           </Path.Data>
         </Path>
       </ContentPresenter>
     </RadButton>
     <RadButton x:Name="PART_ContainersButton" Width="65.188" Margin="0,34.644,0,47.113" HorizontalAlignment="Left" Cursor="Hand" BorderBrush="#FF848484" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Padding="3">
       <ContentPresenter>
         <Path x:Name="ContainersClickArea" Fill="#00FFFFFF">
           <Path.Data>
             <PathGeometry>
               <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
             </PathGeometry>
           </Path.Data>
         </Path>
       </ContentPresenter>
     </RadButton>
   </Grid>
   <Grid x:Name="Separators" Margin="24,34,0,0" Opacity="0">
     <Grid.RenderTransform>
       <TransformGroup>
         <ScaleTransform ScaleX="0.5" ScaleY="0.5" />
         <SkewTransform />
         <RotateTransform />
         <TranslateTransform />
       </TransformGroup>
     </Grid.RenderTransform>
     <Path x:Name="path1" Width="30.412" Height="30.529" Margin="10.782,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="false" Stretch="Fill">
       <Path.Data>
         <PathGeometry>
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.Stroke>
         <LinearGradientBrush StartPoint="0.017,0.021" EndPoint="0.986,0.985">
           <GradientStop Color="#FF333333" />
           <GradientStop Color="#FFD4D4D4" Offset="1" />
         </LinearGradientBrush>
       </Path.Stroke>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
     <Path x:Name="path2" Width="32.204" Height="28.749" Margin="0,5.321,30.584,0" HorizontalAlignment="Right" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="false" Stretch="Fill">
       <Path.Data>
         <PathGeometry>
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.Stroke>
         <LinearGradientBrush StartPoint="0.988,0.017" EndPoint="0.018,0.977">
           <GradientStop Color="#FF333333" />
           <GradientStop Color="#FFD4D4D4" Offset="1" />
         </LinearGradientBrush>
       </Path.Stroke>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
     <Path x:Name="path3" Width="42.709" Height="5.542" Margin="0,93.612,0.625,0" HorizontalAlignment="Right" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="false" Stretch="Fill">
       <Path.Data>
         <PathGeometry>
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.Stroke>
         <LinearGradientBrush StartPoint="0.987,0.908" EndPoint="0.012,0.089">
           <GradientStop Color="#FF333333" />
           <GradientStop Color="#FFD4D4D4" Offset="1" />
         </LinearGradientBrush>
       </Path.Stroke>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
     <Path x:Name="path4" Width="2.041" Height="42.708" Margin="94.5,0,0,0.013" HorizontalAlignment="Left" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="false" Stretch="Fill">
       <Path.Data>
         <PathGeometry>
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.Stroke>
         <LinearGradientBrush StartPoint="0.748,0.986" EndPoint="0.234,0.009">
           <GradientStop Color="#FF333333" />
           <GradientStop Color="#FFD4D4D4" Offset="1" />
         </LinearGradientBrush>
       </Path.Stroke>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
     <Path x:Name="path5" Width="33.625" Height="27.125" Margin="0,0,0,46.804" HorizontalAlignment="Left" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="false" Stretch="Fill">
       <Path.Data>
         <PathGeometry>
           <!-- XAML for Path Data is not available due to Silverlight runtime limitations -->
         </PathGeometry>
       </Path.Data>
       <Path.Stroke>
         <LinearGradientBrush StartPoint="0.016,0.978" EndPoint="0.986,0.018">
           <GradientStop Color="#FF333333" />
           <GradientStop Color="#FFD4D4D4" Offset="1" />
         </LinearGradientBrush>
       </Path.Stroke>
       <Path.RenderTransform>
         <CompositeTransform />
       </Path.RenderTransform>
     </Path>
   </Grid>
 </Grid>
</Grid>

HUHU慈悲 | 园豆:9973 (大侠五级) | 2010-08-18 16:51
0

这个网站有源代码啊,不需要反编译。http://www.silverlightchina.net/html/works/2010/0726/1642.html此网址提供了下载地址http://www.silverlightchina.net/resource/Telerik.RadControls.for.Silverlight.201002SourceCode.我已经把源代码上传啦:http://files.cnblogs.com/salam/Test.rar

具体做法:

1.自定义一个控件:BallControl.cs

namespace Test
{
    #if SILVERLIGHT
    [TemplatePart(Name = "PART_VisualizationButton", Type = typeof(Button))]
    [TemplatePart(Name = "PART_DataButton", Type = typeof(Button))]
    [TemplatePart(Name = "PART_NavigationButton", Type = typeof(Button))]
    [TemplatePart(Name = "PART_InputButton", Type = typeof(Button))]
    [TemplatePart(Name = "PART_ContainersButton", Type = typeof(Button))]
    [TemplatePart(Name = "PART_EllipseButton", Type = typeof(Button))]

    [TemplateVisualState(Name = "Normal", GroupName = "SelectionStates")]
    [TemplateVisualState(Name = "VisualizationState", GroupName = "SelectionStates")]
    [TemplateVisualState(Name = "DataState", GroupName = "SelectionStates")]
    [TemplateVisualState(Name = "NavigationState", GroupName = "SelectionStates")]
    [TemplateVisualState(Name = "InputState", GroupName = "SelectionStates")]
    [TemplateVisualState(Name = "ContainersState", GroupName = "SelectionStates")]
    [TemplateVisualState(Name = "CollapsedState", GroupName = "SelectionStates")]
    #endif

    public class BallControl : Control
    {
        private bool isCollapsed;

        public BallControl()
        {
            this.DefaultStyleKey = typeof(BallControl);
        }

        #if SILVERLIGHT
        public Button VisualizationButton { get; set; }

        public Button DataButton { get; set; }

        public Button NavigationButton { get; set; }

        public Button InputButton { get; set; }

        public Button ContainersButton { get; set; }

        public Button EllipseButton { get; set; }

        #endif

        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            #if SILVERLIGHT
            this.AttachToVisualTree();
            #endif
        }

        #if SILVERLIGHT
        private void AttachToVisualTree()
        {
            this.VisualizationButton = this.GetTemplateChild("PART_VisualizationButton") as Button;
            this.DataButton = this.GetTemplateChild("PART_DataButton") as Button;
            this.NavigationButton = this.GetTemplateChild("PART_NavigationButton") as Button;
            this.InputButton = this.GetTemplateChild("PART_InputButton") as Button;
            this.ContainersButton = this.GetTemplateChild("PART_ContainersButton") as Button;
            this.EllipseButton = this.GetTemplateChild("PART_EllipseButton") as Button;

            this.VisualizationButton.Click += OnCategoryButtonClick;
            this.DataButton.Click += OnCategoryButtonClick;
            this.NavigationButton.Click += OnCategoryButtonClick;
            this.InputButton.Click += OnCategoryButtonClick;
            this.ContainersButton.Click += OnCategoryButtonClick;

            this.MouseEnter += new System.Windows.Input.MouseEventHandler(EllipseButton_MouseEnter);
            this.MouseLeave += new System.Windows.Input.MouseEventHandler(EllipseButton_MouseLeave);

            delay.Tick += delegate
            {
                this.ChangeVisualState(visualStateName, true);
                delay.Stop();
            };
        }

        private DispatcherTimer delay = new DispatcherTimer() { Interval = TimeSpan.FromMilliseconds(200) };
        string visualStateName;

        void EllipseButton_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e)
        {
            this.visualStateName = "ballEnter";
            this.delay.Stop();
            this.delay.Start();
        }

        void EllipseButton_MouseLeave(object sender, System.Windows.Input.MouseEventArgs e)
        {
            this.visualStateName = "ballLeave";
            this.delay.Stop();
            this.delay.Start();
        }

        void OnCategoryButtonClick(object sender, RoutedEventArgs e)
        {
            var button = sender as Button;

            if (button != null)
            {
                this.ChangeVisualState(button.Name, true);
            }
            else
            {
                var a = sender as HyperlinkButton;
                this.ChangeVisualState(a.Name, true);
            }
        }

        void OnHyperlinkButtonMouseEnter(object sender, System.Windows.Input.MouseEventArgs e)
        {
            var button = sender as Path;
            this.ChangeVisualState(button.Name, true);
        }

        private void ChangeVisualState(string elementName, bool useTransitions)
        {
            switch (elementName)
            {
                case "PART_VisualizationButton":
                    VisualStateManager.GoToState(this, "VisualizationState", useTransitions);
                    break;
                case "PART_DataButton":
                    VisualStateManager.GoToState(this, "DataState", useTransitions);
                    break;
                case "PART_NavigationButton":
                    VisualStateManager.GoToState(this, "NavigationState", useTransitions);
                    break;
                case "PART_InputButton":
                    VisualStateManager.GoToState(this, "InputState", useTransitions);
                    break;
                case "PART_ContainersButton":
                    VisualStateManager.GoToState(this, "ContainersState", useTransitions);
                    break;
                case "PART_EllipseButton":
                    {
                        if (this.isCollapsed)
                        {
                            VisualStateManager.GoToState(this, "Normal", useTransitions);
                            this.isCollapsed = false;
                        }
                        else
                        {
                            VisualStateManager.GoToState(this, "CollapsedState", useTransitions);
                            this.isCollapsed = true;
                        }
                        break;
                    }
                case "ballEnter":
                    {
                        VisualStateManager.GoToState(this, "Normal", useTransitions);
                        this.isCollapsed = false;
                       
                        break;
                    }
                case "ballLeave":
                    {
                        VisualStateManager.GoToState(this, "CollapsedState", useTransitions);
                        this.isCollapsed = true;

                        break;
                    }
                default:
                    VisualStateManager.GoToState(this, "Normal", useTransitions);
                    break;
            }
        }
        #endif
    }
}

 

2.应用该控件 s.xaml

<UserControl x:Class="Test.s"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:local="clr-namespace:Test"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <UserControl.Resources>

<!--控件的样式-->
        <Style x:Key="BallStyle" TargetType="Control">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Control">
                        <Grid x:Name="LayoutRoot">
                            <Grid.Triggers>
                                <EventTrigger RoutedEvent="Canvas.Loaded">
                                    <BeginStoryboard>
                                        <Storyboard BeginTime="0:0:0">
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="glow">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <BackEase EasingMode="EaseInOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="glow">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1" />
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="glow">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1" />
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterElipse">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.5" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <BackEase EasingMode="EaseInOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="OuterElipse">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.5" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <BackEase EasingMode="EaseInOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="OuterElipse">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.5" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <BackEase EasingMode="EaseInOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Silverlight">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.9" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="Silverlight">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.9" Value="3"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="Silverlight">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.9" Value="3"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="PART_EllipseButton">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="0.7"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <BackEase EasingMode="EaseInOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="PART_EllipseButton">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="0.7"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <BackEase EasingMode="EaseInOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="PART_EllipseButton">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <BackEase EasingMode="EaseInOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path1">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path2">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path3">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path4">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="path5">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="VisualizationText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <ExponentialEase EasingMode="EaseOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="DataText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.9" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <ExponentialEase EasingMode="EaseOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="NavigationText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:2.4" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <ExponentialEase EasingMode="EaseOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="InputText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.6" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <ExponentialEase EasingMode="EaseOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="ContainersText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="0"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.8" Value="1">
                                                    <EasingDoubleKeyFrame.EasingFunction>
                                                        <ExponentialEase EasingMode="EaseOut"/>
                                                    </EasingDoubleKeyFrame.EasingFunction>
                                                </EasingDoubleKeyFrame>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="VisualizationText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="9"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="DataText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.9" Value="-17.99"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="DataText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:0.9" Value="-3.001"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="NavigationText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="-12"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="NavigationText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="-13.5"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="InputText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="-13.479"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.6" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="InputText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="7.495"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.6" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="ContainersText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="15"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.8" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="ContainersText">
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="-1.5"/>
                                                <EasingDoubleKeyFrame KeyTime="0:0:1.8" Value="0"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </EventTrigger>
                            </Grid.Triggers>
                            <Grid.Resources>
                                <Style TargetType="Button">
                                    <Setter Property="Cursor" Value="Hand" />
                                    <Setter Property="Template">
                                        <Setter.Value>
                                            <ControlTemplate TargetType="Button">
                                                <ContentPresenter />
                                            </ControlTemplate>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </Grid.Resources>

                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="MouesOverStates">
                                    <VisualStateGroup.Transitions>
                                        <VisualTransition GeneratedDuration="0:0:0.4" />
                                    </VisualStateGroup.Transitions>
                                    <VisualState x:Name="NormalOver" />
                                    <VisualState x:Name="VisualizationStateOver">
                                        <Storyboard>
                                            <ColorAnimation Duration="0" To="#FFA8D300" Storyboard.TargetName="VisualizationText" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="DataStateOver">
                                        <Storyboard>
                                            <ColorAnimation Duration="0" To="#FFA8D300" Storyboard.TargetName="DataText" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="NavigationStateOver">
                                        <Storyboard>
                                            <ColorAnimation Duration="0" To="#FFA8D300" Storyboard.TargetName="NavigationText" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="InputStateOver">
                                        <Storyboard>
                                            <ColorAnimation Duration="0" To="#FFA8D300" Storyboard.TargetName="InputText" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="ContainersStateOver">
                                        <Storyboard>
                                            <ColorAnimation Duration="0" To="#FFA8D300" Storyboard.TargetName="ContainersText" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualStateGroup.Transitions>
                                        <VisualTransition GeneratedDuration="0:0:0.4" />
                                        <VisualTransition From="Normal" GeneratedDuration="0:0:0.5" To="CollapsedState">
                                            <VisualTransition.GeneratedEasingFunction>
                                                <QuadraticEase EasingMode="EaseOut"/>
                                            </VisualTransition.GeneratedEasingFunction>
                                        </VisualTransition>
                                        <VisualTransition From="CollapsedState" GeneratedDuration="0:0:0.5" To="Normal">
                                            <VisualTransition.GeneratedEasingFunction>
                                                <QuadraticEase EasingMode="EaseOut"/>
                                            </VisualTransition.GeneratedEasingFunction>
                                        </VisualTransition>
                                        <VisualTransition From="CollapsedState"
                                            GeneratedDuration="0:0:0.2">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0:0:0.3"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    Storyboard.TargetName="Separators" />
                                                <DoubleAnimation Duration="0:0:0.2"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    Storyboard.TargetName="Texts" />
                                                <DoubleAnimation Duration="0:0:0.2"
                                                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"
                                                    Storyboard.TargetName="RadBall" />
                                                <DoubleAnimation Duration="0:0:0.2"
                                                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"
                                                    Storyboard.TargetName="RadBall" />
                                                <DoubleAnimation Duration="0:0:0.2"
                                                    Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)"
                                                    Storyboard.TargetName="OuterElipse" />
                                                <DoubleAnimation Duration="0:0:0.2"
                                                    Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)"
                                                    Storyboard.TargetName="OuterElipse" />
                                                <DoubleAnimation Duration="0:0:0.2"
                                                    Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Offset)"
                                                    Storyboard.TargetName="OuterElipse" />
                                            </Storyboard>
                                        </VisualTransition>
                                    </VisualStateGroup.Transitions>
                                    <VisualState x:Name="Normal">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterElipse" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="VisualizationState">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="-3.055" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="border1" />
                                            <DoubleAnimation Duration="0" To="-41.866" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="border" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="DataState">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="41.805"
                                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
                                                Storyboard.TargetName="border1" />
                                            <DoubleAnimation Duration="0" To="5.85"
                                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
                                                Storyboard.TargetName="border" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="NavigationState">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="6.303"
                                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
                                                Storyboard.TargetName="border1" />
                                            <DoubleAnimation Duration="0" To="90.123"
                                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
                                                Storyboard.TargetName="border" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="InputState">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="37.483"
                                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
                                                Storyboard.TargetName="border1" />
                                            <DoubleAnimation Duration="0" To="142.791"
                                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
                                                Storyboard.TargetName="border" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="ContainersState">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="8.52"
                                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
                                                Storyboard.TargetName="border1" />
                                            <DoubleAnimation Duration="0" To="224.726"
                                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
                                                Storyboard.TargetName="border" />
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="CollapsedState">
                                        <Storyboard>
                                            <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Separators" />
                                            <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Texts" />
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="Texts">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="border">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="RadBall" />
                                            <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="RadBall" />
                                            <DoubleAnimation Duration="0" To="0.40" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="glow" />
                                            <DoubleAnimation Duration="0" To="0.40" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="glow" />
                                            <DoubleAnimation Duration="0" To="0.75" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="0.75" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="0.789" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Offset)" Storyboard.TargetName="OuterElipse" />
                                            <DoubleAnimation Duration="0" To="0.75" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="border" />
                                            <DoubleAnimation Duration="0" To="0.75" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="border" />
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="ClickAreas">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                            <DoubleAnimation Duration="0" To="-100" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="RadBall" />
                                            <DoubleAnimation Duration="0" To="100" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="RadBall" />
                                            <DoubleAnimation Duration="0" To="-100" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="glow" />
                                            <DoubleAnimation Duration="0" To="100"  Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="glow" />
                                            <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="Separators" />
                                            <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="Separators" />
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Ellipse x:Name="glow" StrokeThickness="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="296" Height="296" RenderTransformOrigin="0.5,0.5" Opacity="1">
                                <Ellipse.Triggers>
                                    <EventTrigger RoutedEvent="Canvas.Loaded">
                                        <BeginStoryboard>
                                            <Storyboard BeginTime="0:0:1" AutoReverse="True" RepeatBehavior="4x">
                                                <DoubleAnimation Duration="0:0:2" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="glow" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Ellipse.Triggers>
                                <Ellipse.RenderTransform>
                                    <CompositeTransform />
                                </Ellipse.RenderTransform>
                                <Ellipse.Fill>
                                    <RadialGradientBrush>
                                        <GradientStop Color="#0000B0FF" Offset="1"/>
                                        <GradientStop Color="#FF00A3FF" Offset="0.6"/>
                                    </RadialGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <Grid x:Name="RadBall" HorizontalAlignment="Center" Height="240" Margin="0"
                                VerticalAlignment="Center" Width="240"
                                RenderTransformOrigin="0.5,0.5">
                                <Grid.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform />
                                        <SkewTransform />
                                        <RotateTransform />
                                        <TranslateTransform />
                                    </TransformGroup>
                                </Grid.RenderTransform>
                                <Ellipse x:Name="OuterElipse" StrokeThickness="0"
                                    Opacity="0" RenderTransformOrigin="0.5,0.5">
                                    <Ellipse.RenderTransform>
                                        <CompositeTransform ScaleX="1" ScaleY="1"/>
                                    </Ellipse.RenderTransform>
                                    <Ellipse.Fill>
                                        <RadialGradientBrush>
                                            <GradientStop Color="White" Offset="0" />
                                            <GradientStop Color="#FF333333" Offset="1" />
                                        </RadialGradientBrush>
                                    </Ellipse.Fill>
                                </Ellipse>
                                <Border x:Name="border" RenderTransformOrigin="0.5,0.5">
                                    <Border.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform />
                                            <SkewTransform />
                                            <RotateTransform Angle="-90" />
                                            <TranslateTransform />
                                        </TransformGroup>
                                    </Border.RenderTransform>
                                    <Border.OpacityMask>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="Black" Offset="0.5" />
                                            <GradientStop Color="Transparent" Offset="0.5" />
                                        </LinearGradientBrush>
                                    </Border.OpacityMask>
                                    <Border x:Name="border1" RenderTransformOrigin="0.5,0.5">
                                        <Border.RenderTransform>
                                            <TransformGroup>
                                                <ScaleTransform />
                                                <SkewTransform />
                                                <RotateTransform Angle="90" />
                                                <TranslateTransform />
                                            </TransformGroup>
                                        </Border.RenderTransform>
                                        <Border.OpacityMask>
                                            <LinearGradientBrush EndPoint="0,0.5" StartPoint="1,0.5">
                                                <GradientStop Color="Black" Offset="0.5" />
                                                <GradientStop Color="Transparent" Offset="0.5" />
                                            </LinearGradientBrush>
                                        </Border.OpacityMask>
                                        <Ellipse StrokeThickness="0">
                                            <Ellipse.Fill>
                                                <RadialGradientBrush Center="0.5, 0.5"
                                                    GradientOrigin="0.5, 0.5" RadiusX="0.5"
                                                    RadiusY="0.5">
                                                    <GradientStop Color="#FFCCFF00" Offset="1"/>
                                                    <GradientStop Color="#FF4E7704" Offset="0.66"/>
                                                </RadialGradientBrush>
                                            </Ellipse.Fill>
                                        </Ellipse>
                                    </Border>
                                </Border>

 

                                <Button x:Name="PART_EllipseButton"
                                    HorizontalContentAlignment="Stretch"
                                    VerticalContentAlignment="Stretch"
                                    BorderThickness="0"
                                    Background="{x:Null}"
                                   
                                    CommandParameter="Controls"
                                     RenderTransformOrigin="0.5,0.5" Opacity="0">
                                    <Button.RenderTransform>
                                        <CompositeTransform ScaleX="0" ScaleY="0"/>
                                    </Button.RenderTransform>
                                    <Ellipse x:Name="InnerEllipse" Margin="42" Stroke="White">
                                        <Ellipse.Fill>
                                            <RadialGradientBrush>
                                                <GradientStop Color="White" Offset="0" />
                                                <GradientStop Color="#FFBABABA" Offset="1" />
                                            </RadialGradientBrush>
                                        </Ellipse.Fill>
                                    </Ellipse>
                                </Button>

                                <TextBlock IsHitTestVisible="False" x:Name="Silverlight" Margin="0" Width="95"
                                    FontSize="15" FontWeight="Bold" Foreground="#FF515151"
                                    Text="BROWSE CONTROLS" TextAlignment="Center" TextWrapping="Wrap"
                                    VerticalAlignment="Center" HorizontalAlignment="Center" Opacity="0" RenderTransformOrigin="0.5,0.5">
                    <TextBlock.RenderTransform>
                     <CompositeTransform ScaleX="2" ScaleY="2"/>
                    </TextBlock.RenderTransform>
                                </TextBlock>

                                <Grid x:Name="Texts" Margin="18,19,19,20">
                                    <Path x:Name="VisualizationText" Stretch="Fill" Fill="White"
                                        Data="F1 M89.591103,203.604 L91.601402,215.369 L90.357597,216.08501 L81.270203,208.392 L82.537804,207.662 L89.631699,213.826 L90.321701,214.57401 L90.347702,214.55901 L90.066299,213.558 L88.364601,204.31 L89.591103,203.604 z M94.016296,201.56599 L94.498299,202.577 L93.487297,203.05901 L97.343201,211.147 L98.354202,210.66499 L98.836098,211.67599 L95.658798,213.19099 L95.176804,212.17999 L96.187798,211.698 L92.331902,203.61 L91.3209,204.092 L90.838898,203.08099 L94.016296,201.56599 z M99.941902,210.55099 L99.380203,209.10899 L100.147,209.313 L101.006,209.356 L101.858,209.261 L102.603,209.056 C103.359,208.761 103.868,208.39799 104.129,207.966 C104.39,207.534 104.416,207.05 104.207,206.51199 C104.098,206.233 103.941,206.013 103.735,205.854 C103.529,205.69501 103.282,205.57201 102.996,205.487 L102.024,205.298 L100.858,205.18201 L99.614502,205.02299 C99.223701,204.959 98.866501,204.85899 98.5429,204.724 C98.219299,204.589 97.934402,204.40401 97.688103,204.16901 C97.441902,203.93401 97.2435,203.623 97.092796,203.23599 C96.908401,202.76199 96.853897,202.30901 96.929497,201.87601 C97.005096,201.444 97.171097,201.047 97.427597,200.686 C97.683998,200.325 98.011101,200.00301 98.408997,199.72 C98.806801,199.437 99.234703,199.20599 99.692902,199.028 C100.737,198.62199 101.551,198.463 102.136,198.55099 L102.673,199.92799 C101.859,199.672 100.967,199.73399 99.994499,200.11301 L99.222099,200.513 C98.9758,200.675 98.773201,200.862 98.614403,201.07401 C98.455498,201.286 98.349998,201.52 98.297897,201.77699 C98.245697,202.033 98.2771,202.30901 98.391998,202.604 C98.495499,202.87 98.634903,203.07899 98.810402,203.23399 C98.985901,203.388 99.2024,203.507 99.460098,203.59 L100.356,203.77499 L101.519,203.88901 L102.816,204.05099 C103.232,204.12199 103.616,204.23199 103.966,204.379 C104.317,204.52699 104.626,204.72099 104.891,204.96201 C105.157,205.203 105.365,205.517 105.515,205.90401 C105.715,206.416 105.782,206.89 105.716,207.32401 C105.65,207.758 105.487,208.15401 105.227,208.511 C104.967,208.868 104.63,209.18401 104.216,209.459 C103.801,209.73399 103.344,209.96899 102.842,210.164 L102.205,210.36301 L101.404,210.53 L100.597,210.608 L99.941902,210.55099 z M115.198,201.341 C116.022,204.367 115.067,206.252 112.333,206.996 C109.714,207.709 108.009,206.60899 107.217,203.696 L105.423,197.103 L106.658,196.767 L108.439,203.314 C109.044,205.537 110.289,206.392 112.174,205.879 C113.994,205.384 114.612,204.062 114.028,201.91499 L112.216,195.255 L113.451,194.91901 L115.198,201.341 z M127.531,203.91901 L126.078,204.13901 L124.38,201.16 L119.696,201.868 L119.025,205.20599 L117.565,205.427 L120.185,193.703 L121.545,193.49699 L127.531,203.91901 z M123.798,200.11501 L121.352,195.73399 L121.073,195.02499 L121.041,195.03 L120.969,195.79201 L119.942,200.698 L123.798,200.11501 z M134.895,203.618 L129.14101,203.87601 L128.63901,192.688 L129.918,192.63 L130.37,202.7 L134.845,202.5 L134.895,203.618 z M139.207,192.489 L139.192,193.60899 L138.07201,193.59399 L137.952,202.55299 L139.07201,202.56799 L139.05701,203.688 L135.537,203.64101 L135.552,202.521 L136.672,202.536 L136.79201,193.577 L135.672,193.562 L135.687,192.442 L139.207,192.489 z M149.27,193.52 L141.90401,202.692 L148.24899,203.25301 L148.151,204.369 L139.86301,203.636 L139.894,203.28999 L147.2,194.16499 L141.229,193.638 L141.327,192.522 L149.29601,193.226 L149.27,193.52 z M158.689,206.36501 L157.246,206.07899 L156.658,202.701 L152.011,201.782 L150.24899,204.696 L148.8,204.41 L155.235,194.265 L156.584,194.532 L158.689,206.36501 z M156.463,201.521 L155.645,196.571 L155.623,195.80901 L155.591,195.80299 L155.265,196.496 L152.63699,200.765 L156.463,201.521 z M168.18401,198.729 L165.11301,197.83099 L162.282,207.505 L161.054,207.146 L163.884,197.47099 L160.813,196.573 L161.12801,195.498 L168.49899,197.655 L168.18401,198.729 z M173.117,199.381 L172.73,200.43201 L171.679,200.045 L168.58,208.452 L169.631,208.839 L169.244,209.89 L165.94099,208.673 L166.328,207.62199 L167.379,208.009 L170.478,199.60201 L169.427,199.215 L169.814,198.164 L173.117,199.381 z M175.144,212.636 C173.715,211.955 172.795,210.939 172.383,209.589 C171.97099,208.239 172.12399,206.811 172.842,205.30499 C173.614,203.686 174.66701,202.603 176.00301,202.05701 C177.338,201.511 178.761,201.59801 180.27,202.317 C181.662,202.98 182.56,203.983 182.965,205.32401 C183.369,206.66499 183.21201,208.091 182.492,209.60201 C181.71001,211.243 180.655,212.33299 179.328,212.873 C178.002,213.412 176.60699,213.33299 175.144,212.636 z M179.702,203.287 C178.66299,202.79201 177.634,202.77499 176.617,203.23801 C175.60001,203.7 174.79201,204.56 174.194,205.81599 C173.59599,207.071 173.431,208.231 173.69901,209.298 C173.967,210.364 174.61,211.14 175.629,211.62601 C176.715,212.144 177.745,212.187 178.718,211.755 C179.692,211.32401 180.492,210.452 181.117,209.14 C181.758,207.795 181.94901,206.61099 181.69099,205.58701 C181.43401,204.563 180.77,203.79601 179.702,203.287 z M189.47099,220.819 L188.149,219.959 L188.063,209.254 L188.138,208.465 L188.09801,208.439 L187.31,209.75999 L182.899,216.545 L181.826,215.847 L187.931,206.45799 L189.33099,207.368 L189.35899,217.868 L189.34,218.75 L189.367,218.76801 L190.203,217.34599 L194.504,210.73199 L195.577,211.429 L189.47099,220.819 z"
                                        Margin="47.012,0,41.681,0" Height="28.377"
                                        VerticalAlignment="Top" Opacity="0" RenderTransformOrigin="0.5,0.5">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                    </Path>
                                    <Path x:Name="DataText" Stretch="Fill" Fill="White"
                                        Data="F1 M216.576,252.183 L226.73801,247.47501 L228.054,250.315 C229.73199,253.939 228.92,256.51501 225.618,258.04501 C224.049,258.772 222.556,258.85199 221.138,258.28699 C219.72,257.72198 218.62,256.595 217.838,254.907 L216.576,252.183 z M226.25999,249.10699 L218.13,252.87399 L218.84,254.407 C219.465,255.756 220.314,256.638 221.38499,257.052 C222.457,257.46701 223.657,257.367 224.985,256.75101 C227.62801,255.52699 228.30099,253.51401 227.004,250.713 L226.25999,249.10699 z M223.785,270.388 L223.319,268.99399 L225.96201,266.80899 L224.45799,262.31699 L221.05499,262.23001 L220.586,260.82901 L232.586,261.39401 L233.022,262.698 L223.785,270.388 z M226.89101,266.05499 L230.786,262.89301 L231.436,262.496 L231.42599,262.465 L230.66299,262.52499 L225.653,262.35699 L226.89101,266.05499 z M235.11501,274.86899 L234.37801,271.755 L224.569,274.07599 L224.274,272.82999 L234.08299,270.51001 L233.347,267.396 L234.437,267.138 L236.20399,274.612 L235.11501,274.86899 z M226.649,286.457 L226.442,285.00201 L229.436,283.32999 L228.767,278.64001 L225.43401,277.94101 L225.226,276.479 L236.927,279.198 L237.121,280.55899 L226.649,286.457 z M230.485,282.75601 L234.88699,280.34799 L235.59801,280.07501 L235.593,280.043 L234.832,279.96399 L229.93401,278.89499 L230.485,282.75601 z"
                                        Height="38.982" HorizontalAlignment="Right"
                                        Margin="0,55.033,0.137,0" VerticalAlignment="Top"
                                        Width="20.545" Opacity="0" RenderTransformOrigin="0.5,0.5">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                    </Path>
                                    <Path x:Name="NavigationText" Stretch="Fill" Fill="White"
                                        Data="F1 M217.515,334.659 L218.14301,333.21201 L228.683,331.34201 L229.474,331.284 L229.493,331.241 L228.058,330.68399 L220.633,327.466 L221.14301,326.29099 L231.41901,330.746 L230.754,332.27802 L220.40601,334.056 L219.533,334.185 L219.52,334.215 L221.061,334.80099 L228.3,337.939 L227.791,339.11401 L217.515,334.659 z M211.692,344.79199 L212.438,343.526 L215.821,344.08899 L218.22701,340.008 L216.061,337.38101 L216.811,336.10901 L224.25301,345.54001 L223.554,346.724 L211.692,344.79199 z M216.99899,344.29599 L221.94099,345.16299 L222.66701,345.39401 L222.683,345.366 L222.138,344.82999 L218.98,340.936 L216.99899,344.29599 z M215.242,358.76999 L208.687,348.79501 L209.53999,347.64099 L220.948,351.04999 L220.07899,352.22601 L211.11,349.42001 L210.17799,349.01099 L210.16,349.035 L210.819,349.83899 L216.08299,357.63199 L215.242,358.76999 z M211.992,362.41501 L211.146,361.681 L211.88,360.83499 L205.11301,354.96201 L204.379,355.80801 L203.533,355.073 L205.84,352.41501 L206.686,353.14899 L205.952,353.995 L212.71899,359.86801 L213.453,359.022 L214.299,359.75601 L211.992,362.41501 z M196.711,362.97198 C197.104,361.76001 197.79401,360.67401 198.78,359.71399 C199.927,358.59799 201.21201,358.06299 202.636,358.10901 C204.06,358.15601 205.36099,358.784 206.539,359.996 C207.742,361.23199 208.33299,362.633 208.312,364.19699 C208.291,365.76099 207.673,367.13501 206.45599,368.31799 C205.575,369.17599 204.705,369.76199 203.847,370.078 L202.897,369.10199 C203.92,368.85101 204.877,368.29199 205.767,367.42599 C206.668,366.54999 207.10201,365.51999 207.071,364.33499 C207.03999,363.151 206.541,362.06201 205.575,361.07001 C204.57899,360.04599 203.53101,359.5 202.42999,359.43301 C201.32899,359.366 200.32201,359.776 199.411,360.66299 C198.786,361.271 198.366,361.922 198.15199,362.617 L200.353,364.88 L202.07401,363.207 L202.854,364.009 L200.217,366.57501 L196.711,362.97198 z M187.226,369.42401 L188.395,368.53201 L191.31599,370.32901 L195.082,367.45599 L194.06599,364.20599 L195.241,363.31 L198.57899,374.85101 L197.485,375.685 L187.226,369.42401 z M192.32899,370.965 L196.57899,373.63101 L197.16499,374.11801 L197.19,374.09799 L196.88699,373.396 L195.42999,368.599 L192.32899,370.965 z M186.666,381.595 L189.37199,379.88699 L183.993,371.36301 L185.075,370.67999 L190.455,379.20401 L193.161,377.496 L193.759,378.44299 L187.26401,382.54199 L186.666,381.595 z M182.92,384.862 L182.388,383.87601 L183.373,383.34399 L179.117,375.45999 L178.131,375.992 L177.599,375.00601 L180.69701,373.33401 L181.229,374.32001 L180.243,374.85199 L184.5,382.73599 L185.485,382.20401 L186.017,383.19 L182.92,384.862 z M171.63699,377.616 C173.09399,376.995 174.464,376.97601 175.74899,377.56 C177.034,378.14499 178.004,379.20401 178.658,380.73801 C179.362,382.388 179.47701,383.89401 179.00301,385.25699 C178.52901,386.62 177.52299,387.629 175.98599,388.285 C174.56799,388.89001 173.222,388.901 171.948,388.31699 C170.674,387.73401 169.709,386.672 169.05299,385.133 C168.339,383.461 168.21899,381.94901 168.692,380.59698 C169.166,379.245 170.147,378.25201 171.63699,377.616 z M175.634,387.21799 C176.69299,386.76599 177.38499,386.00601 177.711,384.93701 C178.037,383.86801 177.927,382.694 177.381,381.414 C176.836,380.13501 176.07401,379.24399 175.097,378.73999 C174.12,378.23499 173.112,378.20401 172.07401,378.647 C170.968,379.11899 170.254,379.86301 169.93401,380.879 C169.61301,381.89401 169.73801,383.07001 170.308,384.40701 C170.89301,385.77802 171.655,386.70499 172.593,387.189 C173.532,387.673 174.545,387.68201 175.634,387.21799 z M156.022,382.94299 L157.54201,382.521 L165.623,389.54099 L166.166,390.12 L166.211,390.10699 L165.742,388.642 L163.576,380.84399 L164.80901,380.50201 L167.80701,391.293 L166.198,391.73999 L158.308,384.81201 L157.659,384.21301 L157.62801,384.22198 L158.14101,385.789 L160.25301,393.39099 L159.02,393.73401 L156.022,382.94299 z"
                                        Height="67.443" HorizontalAlignment="Right"
                                        Margin="0,0,5.839,-0.292" VerticalAlignment="Bottom"
                                        Width="75.397" Opacity="0" RenderTransformOrigin="0.5,0.5">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                    </Path>
                                    <Path x:Name="InputText" Stretch="Fill" Fill="White"
                                        Data="F1 M109.537,392.67401 L109.811,391.58801 L110.897,391.862 L113.087,383.17401 L112.001,382.89999 L112.275,381.814 L115.688,382.67401 L115.414,383.76099 L114.328,383.487 L112.138,392.17499 L113.224,392.44901 L112.95,393.535 L109.537,392.67401 z M101.79,378.36301 L103.279,378.88501 L105.898,389.26401 L106.013,390.04901 L106.058,390.065 L106.51,388.59399 L109.188,380.95801 L110.396,381.38101 L106.689,391.95001 L105.113,391.397 L102.598,381.203 L102.408,380.341 L102.377,380.32999 L101.903,381.91 L99.291,389.35501 L98.083199,388.931 L101.79,378.36301 z M96.0979,380.495 L98.004601,376.61899 L99.153198,377.18399 L94.2099,387.23401 L91.437103,385.87 C90.357399,385.33899 89.647697,384.66901 89.308098,383.85999 C88.968498,383.052 89.030098,382.177 89.492798,381.23599 C89.9562,380.29401 90.667397,379.686 91.626404,379.41299 C92.585403,379.14001 93.629501,379.28101 94.758598,379.83701 L96.0979,380.495 z M93.555603,385.664 L95.6036,381.5 L94.372002,380.89499 C93.558403,380.495 92.845802,380.37701 92.2342,380.54199 C91.622597,380.70801 91.1483,381.133 90.811401,381.81799 C90.152298,383.15799 90.607201,384.21399 92.176003,384.98499 L93.555603,385.664 z M81.817596,372.64899 C83.490196,369.996 85.524902,369.42401 87.921799,370.935 C90.217201,372.38199 90.560204,374.38199 88.950699,376.936 L85.307503,382.716 L84.224701,382.03299 L87.842598,376.293 C89.070801,374.345 88.858704,372.85001 87.2062,371.80801 C85.6101,370.802 84.218903,371.23999 83.032501,373.12201 L79.351898,378.96201 L78.268997,378.27899 L81.817596,372.64899 z M70.527702,370.89099 L73.034401,372.88 L79.300102,364.98401 L80.302803,365.78 L74.037102,373.67599 L76.543701,375.66501 L75.847504,376.54199 L69.831497,371.76801 L70.527702,370.89099 z"
                                        Height="28.551" HorizontalAlignment="Left"
                                        Margin="35.573,0,0,-0.093" VerticalAlignment="Bottom"
                                        Width="45.857" Opacity="0" RenderTransformOrigin="0.5,0.5">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                    </Path>
                                    <Path x:Name="ContainersText" Stretch="Fill" Fill="White"
                                        Data="F1 M49.678902,323.49399 C50.380798,324.10599 50.954899,324.98401 51.401199,326.129 C51.977001,327.60501 51.9627,328.97299 51.358299,330.233 C50.753899,331.49301 49.6791,332.42401 48.134102,333.02701 C46.472599,333.67499 44.935299,333.698 43.522099,333.09698 C42.108799,332.496 41.102798,331.42801 40.503899,329.892 C40.119999,328.90799 39.914398,328.048 39.8871,327.31299 L41.189098,326.80499 C41.078602,327.69601 41.1968,328.586 41.5438,329.47601 C42.004002,330.65601 42.780399,331.45599 43.873199,331.875 C44.966,332.29401 46.187099,332.241 47.5364,331.71399 C48.817501,331.215 49.704399,330.474 50.197102,329.492 C50.689899,328.51001 50.718899,327.46201 50.2841,326.34698 C49.8815,325.314 49.2845,324.517 48.493401,323.957 L49.678902,323.49399 z M48.5397,317.08099 C48.936901,318.61301 48.7509,319.97101 47.981499,321.155 C47.212101,322.33801 46.019901,323.13901 44.404999,323.55801 C42.668999,324.008 41.162498,323.897 39.885601,323.22501 C38.6087,322.55301 37.760502,321.40799 37.341099,319.789 C36.9543,318.297 37.144501,316.965 37.911499,315.79199 C38.6786,314.62 39.872002,313.82401 41.491798,313.40399 C43.251999,312.948 44.764999,313.05399 46.030998,313.724 C47.297001,314.39401 48.133301,315.513 48.5397,317.08099 z M38.4491,319.60001 C38.738098,320.715 39.3866,321.513 40.394699,321.995 C41.402802,322.47699 42.580399,322.543 43.927502,322.194 C45.273102,321.845 46.268101,321.22501 46.912701,320.33401 C47.557201,319.44299 47.737999,318.452 47.454899,317.35901 C47.153,316.194 46.5238,315.37799 45.567402,314.909 C44.611,314.44101 43.429298,314.38901 42.022499,314.754 C40.580101,315.12799 39.549801,315.74301 38.9314,316.59799 C38.313,317.45401 38.152199,318.45499 38.4491,319.60001 z M45.602001,300.84601 L45.7929,302.41101 L37.645699,309.35599 L36.992901,309.806 L36.9986,309.853 L38.517601,309.60699 L46.550598,308.62799 L46.705502,309.89899 L35.5877,311.254 L35.3857,309.59601 L43.4132,302.827 L44.101501,302.27499 L44.0975,302.24301 L42.471199,302.517 L34.639198,303.47101 L34.484299,302.20099 L45.602001,300.84601 z M35.3787,291.48999 L35.4076,294.69 L45.487202,294.599 L45.498798,295.879 L35.419201,295.97 L35.448101,299.17001 L34.328201,299.17999 L34.258701,291.5 L35.3787,291.48999 z M46.191898,282.06299 L46.073299,283.52899 L42.784401,284.49899 L42.402401,289.22101 L45.498199,290.638 L45.379101,292.11099 L34.565899,286.87701 L34.6768,285.50601 L46.191898,282.06299 z M41.634201,284.827 L36.809799,286.20499 L36.056,286.315 L36.053398,286.34698 L36.778599,286.59201 L41.319698,288.715 L41.634201,284.827 z M35.887199,276.33301 L36.992699,276.513 L36.813702,277.61801 L45.658298,279.05099 L45.837399,277.94501 L46.943001,278.12399 L46.380199,281.599 L45.274601,281.42001 L45.453701,280.314 L36.609001,278.88199 L36.429901,279.987 L35.324299,279.80801 L35.887199,276.33301 z M49.476799,267.38101 L49.085098,268.909 L38.970402,272.41501 L38.198601,272.59698 L38.186798,272.64301 L39.691101,272.966 L47.530102,274.97601 L47.212299,276.216 L36.363098,273.435 L36.777699,271.81699 L46.717098,268.431 L47.559101,268.16699 L47.567101,268.13599 L45.952599,267.79901 L38.3097,265.84 L38.627499,264.60001 L49.476799,267.38101 z M52.611698,258.98001 L50.4361,264.65701 L39.977699,260.64899 L42.038799,255.271 L43.084599,255.672 L41.481499,259.85501 L45.067299,261.229 L46.555901,257.34399 L47.6017,257.745 L46.113098,261.63 L49.848301,263.061 L51.5658,258.57901 L52.611698,258.98001 z M57.082802,249.76601 L56.379002,251.161 L52.710899,251.411 L51.803101,251.539 L51.1152,251.776 L50.600101,252.159 L50.207199,252.73801 L49.6982,253.746 L53.983601,255.909 L53.407001,257.05099 L43.4077,252.006 L44.942699,248.964 C45.1679,248.51801 45.430199,248.134 45.7295,247.813 C46.028801,247.491 46.359699,247.248 46.722198,247.08299 C47.084702,246.91701 47.471199,246.84 47.881901,246.85201 C48.2925,246.86301 48.720299,246.981 49.165199,247.205 C49.513401,247.381 49.805401,247.59599 50.0411,247.85001 C50.276798,248.104 50.458,248.388 50.584702,248.701 C50.711399,249.01401 50.784199,249.351 50.803001,249.71201 C50.8218,250.07201 50.787601,250.45 50.7005,250.84399 L50.7272,250.858 L51.210899,250.532 L51.735401,250.336 L52.354099,250.214 L53.122501,250.123 L57.082802,249.76601 z M44.984299,251.368 L48.698299,253.242 L49.520401,251.61301 C49.671299,251.313 49.765701,251.013 49.803699,250.71201 C49.841702,250.411 49.823002,250.12601 49.747601,249.855 C49.672199,249.58501 49.538502,249.33501 49.346699,249.10699 C49.1548,248.879 48.906399,248.687 48.601398,248.533 C48.053799,248.257 47.5368,248.21899 47.050499,248.41901 C46.564201,248.619 46.151699,249.054 45.813099,249.72501 L44.984299,251.368 z M57.132599,248.657 L55.8223,247.834 L56.559799,247.541 L57.274899,247.063 L57.903198,246.479 L58.378899,245.871 C58.810799,245.183 59.002998,244.589 58.955502,244.086 C58.908001,243.584 58.640099,243.179 58.151901,242.873 C57.8979,242.713 57.640598,242.63 57.3801,242.625 C57.119701,242.62 56.849098,242.668 56.568298,242.771 L55.674999,243.198 L54.6698,243.799 L53.575802,244.412 C53.223701,244.59399 52.877499,244.72701 52.537102,244.811 C52.196701,244.895 51.8577,244.916 51.519901,244.87399 C51.182098,244.832 50.837502,244.701 50.486198,244.48 C50.055801,244.21001 49.742001,243.87801 49.544899,243.485 C49.347698,243.093 49.244598,242.675 49.235401,242.23199 C49.226299,241.78999 49.297199,241.336 49.4482,240.87199 C49.599098,240.408 49.805401,239.968 50.067001,239.55099 C50.662998,238.603 51.2225,237.99001 51.745399,237.71201 L52.9963,238.49899 C52.190899,238.778 51.510601,239.35899 50.955502,240.242 L50.573502,241.024 C50.472301,241.30099 50.421101,241.57201 50.419899,241.83701 C50.418701,242.10201 50.473499,242.353 50.5844,242.59 C50.695301,242.827 50.8848,243.03 51.152901,243.198 C51.394199,243.35001 51.631302,243.435 51.864201,243.455 C52.097099,243.474 52.341702,243.44 52.598099,243.354 L53.4277,242.96899 L54.430099,242.367 L55.5681,241.724 C55.944698,241.534 56.317902,241.39301 56.687698,241.30299 C57.057499,241.21201 57.420799,241.185 57.777599,241.22 C58.1343,241.255 58.4884,241.383 58.839802,241.604 C59.3055,241.897 59.641201,242.237 59.847,242.625 C60.052898,243.01401 60.157799,243.42799 60.1618,243.87 C60.165798,244.311 60.083401,244.76601 59.914501,245.23399 C59.745499,245.701 59.517899,246.16299 59.2314,246.619 L58.838402,247.157 L58.294399,247.769 L57.6931,248.313 L57.132599,248.657 z"
                                        HorizontalAlignment="Left" Margin="0,45.27,0,59.911"
                                        Width="25.903" Opacity="0" RenderTransformOrigin="0.5,0.5">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                    </Path>
                                </Grid>

                                <Grid x:Name="ClickAreas">

                                    <Grid.Resources>
                                        <Style TargetType="Button">
                                            <Setter Property="Cursor" Value="Hand" />
                                            <Setter Property="Template">
                                                <Setter.Value>
                                                    <ControlTemplate TargetType="Button">
                                                        <ContentPresenter />
                                                    </ControlTemplate>
                                                </Setter.Value>
                                            </Setter>
                                        </Style>
                                    </Grid.Resources>

                                    <Button x:Name="PART_VisualizationButton"
             Background="{x:Null}" BorderThickness="0" Height="67.993"
             Margin="35.635,0,30.496,0" VerticalAlignment="Top"           
             
             CommandParameter="Visualization"
             >

                                        <!--<qsf:Triggers.Actions>
          <qsf:BehaviorBaseCollection>
           <qsf:EventTriggerAction EventName="MouseEnter">
            <qsf:StateAction StateName="VisualizationStateOver" />
           </qsf:EventTriggerAction>
           <qsf:EventTriggerAction EventName="MouseLeave">
            <qsf:StateAction StateName="NormalOver" />
           </qsf:EventTriggerAction>
          </qsf:BehaviorBaseCollection>
         </qsf:Triggers.Actions>-->

                                        <Path x:Name="VisualizationClickArea"
                                                Data="M84.313522,0 C119.8932,1.4210855E-14 151.86203,15.500577 173.86902,40.133961 C162.66385,50.08881 152.86066,58.799309 144.28406,66.420998 L142.51556,67.992607 L142.10202,67.52655 C127.83364,51.827847 107.25031,41.971989 84.365005,41.971989 C63.498997,41.971989 44.546638,50.16531 30.549654,63.510235 L29.546867,64.489388 L27.908634,62.833805 C19.820856,54.66021 10.573403,45.31332 0,34.624725 C21.695057,13.211858 51.46545,1.4210855E-14 84.313522,0 z"
                                                Fill="Transparent" />

                                    </Button>

                                    <Button x:Name="PART_DataButton" Background="{x:Null}"
                                    BorderThickness="0" HorizontalAlignment="Right"
                                    Margin="0,40.128,0,107.208" Width="61.844"
                                   
                                    CommandParameter="Data"
                                    >

                                        <!--<qsf:Triggers.Actions>
          <qsf:BehaviorBaseCollection>
           <qsf:EventTriggerAction EventName="MouseEnter">
            <qsf:StateAction StateName="DataStateOver" />
           </qsf:EventTriggerAction>
           <qsf:EventTriggerAction EventName="MouseLeave">
            <qsf:StateAction StateName="NormalOver" />
           </qsf:EventTriggerAction>
          </qsf:BehaviorBaseCollection>
         </qsf:Triggers.Actions>-->

                                        <Path x:Name="DataClickArea"
                                                Data="M31.906012,0.85442483 C50.847321,22.000504 61.901764,49.578991 61.901764,80.202278 C61.901764,84.361916 61.68924,88.471916 61.274445,92.522003 C46.400116,90.939331 33.385071,89.559837 21.99691,88.357445 L20.001732,88.146843 L20.174309,86.203384 C20.32502,84.222694 20.401749,82.221329 20.401749,80.202034 C20.401749,60.68222 13.392053,42.604813 1.541772,28.924547 L1.0497905,28.383553 C1.0497905,28.383553 20.760786,10.819228 31.906012,0.85442483 z"
                                                Fill="Transparent" />
                                    </Button>

                                    <Button x:Name="PART_NavigationButton"
                                    Background="{x:Null}" BorderThickness="0" Height="111.547"
                                    Margin="119.464,0,0.688,0.044" VerticalAlignment="Bottom"
                                   
                                    CommandParameter="Navigation"
                                    >

                                        <!--<qsf:Triggers.Actions>
          <qsf:BehaviorBaseCollection>
           <qsf:EventTriggerAction EventName="MouseEnter">
            <qsf:StateAction StateName="NavigationStateOver" />
           </qsf:EventTriggerAction>
           <qsf:EventTriggerAction EventName="MouseLeave">
            <qsf:StateAction StateName="NormalOver" />
           </qsf:EventTriggerAction>
          </qsf:BehaviorBaseCollection>
         </qsf:Triggers.Actions>-->

                                        <Path x:Name="NavigationClickArea"
                                                Data="M78.040665,1.3964398 C78.040665,1.3964398 103.59283,4.0993619 119.3493,5.732532 C113.18288,65.946121 63.365852,111.95138 1.5273625,111.95138 C1.5121294,97.015923 0.50980908,83.962173 0.50148016,72.52594 L0.5,70.466461 L0.53629857,70.466919 C40.249027,70.466919 73.029991,40.788513 77.90963,2.4012585 z"
                                                Fill="Transparent" />
                                    </Button>

                                    <Button x:Name="PART_InputButton" Background="{x:Null}"
                                    BorderThickness="0" Height="73.297"
                                    Margin="24.828,0,119.5,0.028" VerticalAlignment="Bottom"
                                   
                                    CommandParameter="Input"
                                    >

                                        <!--<qsf:Triggers.Actions>
          <qsf:BehaviorBaseCollection>
           <qsf:EventTriggerAction EventName="MouseEnter">
            <qsf:StateAction StateName="InputStateOver" />
           </qsf:EventTriggerAction>
           <qsf:EventTriggerAction EventName="MouseLeave">
            <qsf:StateAction StateName="NormalOver" />
           </qsf:EventTriggerAction>
          </qsf:BehaviorBaseCollection>
         </qsf:Triggers.Actions>-->

                                        <Path x:Name="InputClickArea"
                                                Data="M33.450211,0.5 L34.181316,1.4535904 C48.075966,19.134407 69.465927,30.821642 93.550369,31.431826 L94.52449,31.447237 C94.52449,31.447237 95.544968,57.885284 95.544998,72.797394 C56.784355,72.797394 22.703079,54.978062 0.86923832,26.376719 C12.777205,17.254725 22.824022,8.640686 31.93508,1.6607437 z"
                                                Fill="Transparent" />
                                    </Button>

                                    <Button x:Name="PART_ContainersButton"
                                    Background="{x:Null}" BorderThickness="0"
                                    HorizontalAlignment="Left" Margin="0,34.644,0,47.113"
                                    Width="65.188"
                                   
                                    CommandParameter="Containers"
                                    >

                                        <!--<qsf:Triggers.Actions>
          <qsf:BehaviorBaseCollection>
           <qsf:EventTriggerAction EventName="MouseEnter">
            <qsf:StateAction StateName="ContainersStateOver" />
           </qsf:EventTriggerAction>
           <qsf:EventTriggerAction EventName="MouseLeave">
            <qsf:StateAction StateName="NormalOver" />
           </qsf:EventTriggerAction>
          </qsf:BehaviorBaseCollection>
         </qsf:Triggers.Actions>-->

                                        <Path x:Name="ContainersClickArea"
                                            Data="M35.598549,0.83472925 C46.061546,11.482372 64.69603,30.536806 64.69603,30.536806 L64.295464,30.940496 C50.180241,45.055717 42,64.125938 42,85.665047 C42,103.16557 47.315701,118.91114 57.04808,131.92487 L57.217396,132.15771 C57.217396,132.15771 34.952015,150.24585 24.926386,158.0799 C9.5825253,137.98141 0.5,112.90318 0.5,85.665451 C0.5,52.326267 13.577894,22.510553 35.598549,0.83472925 z"
                                            Fill="Transparent" />
                                    </Button>
                                </Grid>

                                <Grid x:Name="Separators" Margin="24,34,0,0">
                                    <Grid.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform/>
                                            <SkewTransform/>
                                            <RotateTransform/>
                                            <TranslateTransform/>
                                        </TransformGroup>
                                    </Grid.RenderTransform>
                                    <Path x:Name="path1" Stretch="Fill" Height="30.529" HorizontalAlignment="Left"
                                        Margin="10.782,0,0,0" VerticalAlignment="Top" Width="30.412"
                                        UseLayoutRounding="False"
                                        Data="M60.699295,672.84515 L90.111366,702.37451" RenderTransformOrigin="0.5,0.5" Opacity="0">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                        <Path.Stroke>
                                            <LinearGradientBrush EndPoint="0.986,0.985"
                                                StartPoint="0.017,0.021">
                                                <GradientStop Color="#FF333333" Offset="0" />
                                                <GradientStop Color="#FFD4D4D4" Offset="1" />
                                            </LinearGradientBrush>
                                        </Path.Stroke>
                                    </Path>
                                    <Path x:Name="path2" Stretch="Fill" Height="28.749" HorizontalAlignment="Right"
                                        Margin="0,5.321,30.584,0" VerticalAlignment="Top"
                                        Width="32.204" UseLayoutRounding="False"
                                        Data="M234.7457,677.33331 L203.54134,705.08331" RenderTransformOrigin="0.5,0.5" Opacity="0">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                        <Path.Stroke>
                                            <LinearGradientBrush EndPoint="0.018,0.977"
                                                StartPoint="0.988,0.017">
                                                <GradientStop Color="#FF333333" Offset="0" />
                                                <GradientStop Color="#FFD4D4D4" Offset="1" />
                                            </LinearGradientBrush>
                                        </Path.Stroke>
                                    </Path>
                                    <Path x:Name="path3" Stretch="Fill" Height="5.542" HorizontalAlignment="Right"
                                        Margin="0,93.612,0.625,0" VerticalAlignment="Top"
                                        Width="42.709" UseLayoutRounding="False"
                                        Data="M222.58334,766.45862 L264.29166,770.99982" RenderTransformOrigin="0.5,0.5" Opacity="0">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                        <Path.Stroke>
                                            <LinearGradientBrush EndPoint="0.012,0.089"
                                                StartPoint="0.987,0.908">
                                                <GradientStop Color="#FF333333" Offset="0" />
                                                <GradientStop Color="#FFD4D4D4" Offset="1" />
                                            </LinearGradientBrush>
                                        </Path.Stroke>
                                    </Path>
                                    <Path x:Name="path4" Stretch="Fill" Height="42.708" Margin="94.5,0,0,0.013"
                                        VerticalAlignment="Bottom" UseLayoutRounding="False"
                                        Data="M144.416,836.12561 L145.45764,877.83331"
                                        HorizontalAlignment="Left" Width="2.041" RenderTransformOrigin="0.5,0.5" Opacity="0">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                        <Path.Stroke>
                                            <LinearGradientBrush EndPoint="0.234,0.009"
                                                StartPoint="0.748,0.986">
                                                <GradientStop Color="#FF333333" Offset="0" />
                                                <GradientStop Color="#FFD4D4D4" Offset="1" />
                                            </LinearGradientBrush>
                                        </Path.Stroke>
                                    </Path>
                                    <Path x:Name="path5" Stretch="Fill" Height="27.125" HorizontalAlignment="Left"
                                        Margin="0,0,0,46.804" VerticalAlignment="Bottom"
                                        Width="33.625" UseLayoutRounding="False"
                                        Data="M49.916332,831.04193 L82.541672,804.9176" RenderTransformOrigin="0.5,0.5" Opacity="0">
                                        <Path.RenderTransform>
                                            <CompositeTransform/>
                                        </Path.RenderTransform>
                                        <Path.Stroke>
                                            <LinearGradientBrush EndPoint="0.986,0.018"
                                                StartPoint="0.016,0.978">
                                                <GradientStop Color="#FF333333" Offset="0" />
                                                <GradientStop Color="#FFD4D4D4" Offset="1" />
                                            </LinearGradientBrush>
                                        </Path.Stroke>
                                    </Path>
                                </Grid>
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
        <Grid>

<!--应用控件-->
        <local:BallControl Style="{StaticResource BallStyle}" x:Name="ballControl"
    VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="10 0 0 10"
    Grid.RowSpan="3" />
    </Grid>
</UserControl>

ForrestWoo | 园豆:550 (小虾三级) | 2010-08-24 16:30
0

这玩意重用性不高,上面的文字都以Path组成的。

应该考虑数据绑定的方式,这样就能解决大部分问题

greystar | 园豆:193 (初学一级) | 2010-12-31 16:18
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册