locked
Simple Mouse-over animation firing once, then only half firing subsequent times RRS feed

  • Question

  • I've been fiddling around with this for a couple hours...i think it is time to ask for help.

    I've been working on a custom button, that has a custom mouseover animation.

    I have an animation play when the user puts their mouse over the button...the first time it fires, it works great! It plays the animation and when i remove the mouse, another animation plays to fade it out.  However, the consecutive time I put my mouse back over the button...only half of the mouseover animation plays.  I'm confused because I don't see a difference on the timeline from the one portion of the animation to the other.

    Any help would be appreciated

    Here's my XAML code...

     <ResourceDictionary
     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" mc:Ignorable="d">
     <!-- Resource dictionary entries should be defined here. -->
     <Style x:Key="BtnDarkBlack" TargetType="{x:Type Button}">
      <Setter Property="Template">
       <Setter.Value>
        <ControlTemplate TargetType="{x:Type Button}">
         <ControlTemplate.Resources>
          <Storyboard x:Key="OnMouseOver">
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.5000000" Value="1"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="-32.4"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="-54"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="-108"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0" Storyboard.TargetProperty="(FrameworkElement.Width)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="55.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="47"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0" Storyboard.TargetProperty="(FrameworkElement.Height)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="49.36"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="42.4"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="0"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.3000000" Value="0"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy1" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="0"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy2" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="0"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy3" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.3000000" Value="0"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy4" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="0"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy5" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="0"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.3000000" Value="-70"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy" Storyboard.TargetProperty="(FrameworkElement.Width)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.3000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy" Storyboard.TargetProperty="(FrameworkElement.Height)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.3000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy1" Storyboard.TargetProperty="(FrameworkElement.Width)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy1" Storyboard.TargetProperty="(FrameworkElement.Height)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy1" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="-117"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy2" Storyboard.TargetProperty="(FrameworkElement.Width)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy2" Storyboard.TargetProperty="(FrameworkElement.Height)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy2" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="-80"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy3" Storyboard.TargetProperty="(FrameworkElement.Width)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.3000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy3" Storyboard.TargetProperty="(FrameworkElement.Height)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.3000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.2000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.3000000" Value="-130"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy4" Storyboard.TargetProperty="(FrameworkElement.Width)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy4" Storyboard.TargetProperty="(FrameworkElement.Height)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy4" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01.4000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.5000000" Value="-110"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy5" Storyboard.TargetProperty="(FrameworkElement.Width)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="69"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy5" Storyboard.TargetProperty="(FrameworkElement.Height)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="59.8"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="25"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy5" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="-110"/>
           </DoubleAnimationUsingKeyFrames>
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="star0_Copy5" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="00:00:02.1000000" Value="10"/>
           </DoubleAnimationUsingKeyFrames>
          </Storyboard>
          <Storyboard x:Key="IsPushed"/>
          <Storyboard x:Key="OnMouseLeave">
           <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
           </DoubleAnimationUsingKeyFrames>
          </Storyboard>
         </ControlTemplate.Resources>
         <Grid x:Name="grid">
          <Rectangle Stroke="{x:Null}" RadiusX="20" RadiusY="20" Margin="0,0,0,0" x:Name="OutsideStroke">
           <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.502,0" StartPoint="0.498,1">
             <GradientStop Color="#3F353535" Offset="0.438"/>
             <GradientStop Color="#3FFFFFFF" Offset="1"/>
             <GradientStop Color="#3F7E7E7E" Offset="0.496"/>
             <GradientStop Color="#3FFFFFFF" Offset="0"/>
            </LinearGradientBrush>
           </Rectangle.Fill>
          </Rectangle>
          <Rectangle Fill="#FF353535" Stroke="#FF5C5C5C" RadiusX="20" RadiusY="20" Margin="4.064,3.295,3,3.999" x:Name="DarkGlassOverlay">
           <Rectangle.BitmapEffect>
            <OuterGlowBitmapEffect GlowColor="#FF000000" GlowSize="5" Opacity="0.5"/>
           </Rectangle.BitmapEffect>
          </Rectangle>
          <Rectangle Stroke="{x:Null}" RadiusX="20" RadiusY="20" Margin="4.064,74.727,3,3.999" x:Name="LowerHalfReflection">
           <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
             <GradientStop Color="#3F000000" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="1"/>
            </LinearGradientBrush>
           </Rectangle.Fill>
          </Rectangle>
          <Rectangle Stroke="{x:Null}" RadiusX="20" RadiusY="20" Margin="11,11,10,46.085" x:Name="UpperHalfHighlight">
           <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
             <GradientStop Color="#3FFFFFFF" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="0.777"/>
            </LinearGradientBrush>
           </Rectangle.Fill>
          </Rectangle>
          <Rectangle RadiusX="20" RadiusY="20" Margin="-172,0,-169,-130.433" x:Name="highlight" ClipToBounds="True" Opacity="0">
           <Rectangle.Clip>
            <PathGeometry>
             <PathFigure IsClosed="True" StartPoint="176.564,23.795">
              <BezierSegment Point1="176.564,12.7493050033841" Point2="185.518305003384,3.795" Point3="196.564,3.795" IsSmoothJoin="True"/>
              <LineSegment IsSmoothJoin="True" Point="574.5,3.795"/>
              <BezierSegment Point1="585.545694996616,3.795" Point2="594.5,12.7493050033841" Point3="594.5,23.795" IsSmoothJoin="True"/>
              <LineSegment IsSmoothJoin="True" Point="594.5,146.501"/>
              <BezierSegment Point1="594.5,157.546694996616" Point2="585.545694996616,166.501" Point3="574.5,166.501" IsSmoothJoin="True"/>
              <LineSegment IsSmoothJoin="True" Point="196.564,166.501"/>
              <BezierSegment Point1="185.518305003384,166.501" Point2="176.564,157.546694996616" Point3="176.564,146.501" IsSmoothJoin="True"/>
             </PathFigure>
            </PathGeometry>
           </Rectangle.Clip>
           <Rectangle.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFFFFFFF" Offset="0.054"/>
             <GradientStop Color="#00FFFFFF" Offset="1"/>
            </RadialGradientBrush>
           </Rectangle.Fill>
          </Rectangle>
          <Rectangle RadiusX="20" RadiusY="20" Margin="-172,0,-169,-130.433" x:Name="pushed" ClipToBounds="True" Opacity="0">
           <Rectangle.Clip>
            <PathGeometry>
             <PathFigure IsClosed="True" StartPoint="176.564,23.795">
              <BezierSegment Point1="176.564,12.7493050033841" Point2="185.518305003384,3.795" Point3="196.564,3.795" IsSmoothJoin="True"/>
              <LineSegment IsSmoothJoin="True" Point="574.5,3.795"/>
              <BezierSegment Point1="585.545694996616,3.795" Point2="594.5,12.7493050033841" Point3="594.5,23.795" IsSmoothJoin="True"/>
              <LineSegment IsSmoothJoin="True" Point="594.5,146.501"/>
              <BezierSegment Point1="594.5,157.546694996616" Point2="585.545694996616,166.501" Point3="574.5,166.501" IsSmoothJoin="True"/>
              <LineSegment IsSmoothJoin="True" Point="196.564,166.501"/>
              <BezierSegment Point1="185.518305003384,166.501" Point2="176.564,157.546694996616" Point3="176.564,146.501" IsSmoothJoin="True"/>
             </PathFigure>
            </PathGeometry>
           </Rectangle.Clip>
           <Rectangle.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFECC3A1" Offset="0.058"/>
             <GradientStop Color="#195C3C22" Offset="1"/>
            </RadialGradientBrush>
           </Rectangle.Fill>
          </Rectangle>
          <Ellipse Stroke="{x:Null}" HorizontalAlignment="Right" Margin="0,0,22,15.001" x:Name="star0" VerticalAlignment="Bottom" Width="69" Opacity="0" Height="59.8" RenderTransformOrigin="0.5,0.5">
           <Ellipse.RenderTransform>
            <TransformGroup>
             <ScaleTransform ScaleX="1" ScaleY="1"/>
             <SkewTransform AngleX="0" AngleY="0"/>
             <RotateTransform Angle="0"/>
             <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
           </Ellipse.RenderTransform>
           <Ellipse.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFFFFFFF" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="0.821"/>
             <GradientStop Color="#70FFFFFF" Offset="0.223"/>
             <GradientStop Color="#B6FFFFFF" Offset="0.085"/>
            </RadialGradientBrush>
           </Ellipse.Fill>
           <Ellipse.BitmapEffect>
            <BlurBitmapEffect KernelType="Gaussian" Radius="10"/>
           </Ellipse.BitmapEffect>
          </Ellipse>
          <Ellipse Stroke="{x:Null}" HorizontalAlignment="Right" Margin="0,76.199,92,35.001" x:Name="star0_Copy" Width="69" Opacity="0" RenderTransformOrigin="0.5,0.5" Height="59.8">
           <Ellipse.RenderTransform>
            <TransformGroup>
             <ScaleTransform ScaleX="1" ScaleY="1"/>
             <SkewTransform AngleX="0" AngleY="0"/>
             <RotateTransform Angle="0"/>
             <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
           </Ellipse.RenderTransform>
           <Ellipse.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFFFFFFF" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="0.821"/>
             <GradientStop Color="#70FFFFFF" Offset="0.223"/>
             <GradientStop Color="#B6FFFFFF" Offset="0.085"/>
            </RadialGradientBrush>
           </Ellipse.Fill>
           <Ellipse.BitmapEffect>
            <BlurBitmapEffect KernelType="Gaussian" Radius="10"/>
           </Ellipse.BitmapEffect>
          </Ellipse>
          <Ellipse Stroke="{x:Null}" HorizontalAlignment="Right" Margin="0,0,142,15.001" x:Name="star0_Copy1" VerticalAlignment="Bottom" Width="69" Opacity="0" Height="59.8" RenderTransformOrigin="0.5,0.5">
           <Ellipse.RenderTransform>
            <TransformGroup>
             <ScaleTransform ScaleX="1" ScaleY="1"/>
             <SkewTransform AngleX="0" AngleY="0"/>
             <RotateTransform Angle="0"/>
             <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
           </Ellipse.RenderTransform>
           <Ellipse.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFFFFFFF" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="0.821"/>
             <GradientStop Color="#70FFFFFF" Offset="0.223"/>
             <GradientStop Color="#B6FFFFFF" Offset="0.085"/>
            </RadialGradientBrush>
           </Ellipse.Fill>
           <Ellipse.BitmapEffect>
            <BlurBitmapEffect KernelType="Gaussian" Radius="10"/>
           </Ellipse.BitmapEffect>
          </Ellipse>
          <Ellipse Stroke="{x:Null}" HorizontalAlignment="Stretch" Margin="145,76.199,212,35.001" x:Name="star0_Copy2" VerticalAlignment="Stretch" Opacity="0" Width="69" Height="59.8" RenderTransformOrigin="0.5,0.5">
           <Ellipse.RenderTransform>
            <TransformGroup>
             <ScaleTransform ScaleX="1" ScaleY="1"/>
             <SkewTransform AngleX="0" AngleY="0"/>
             <RotateTransform Angle="0"/>
             <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
           </Ellipse.RenderTransform>
           <Ellipse.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFFFFFFF" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="0.821"/>
             <GradientStop Color="#70FFFFFF" Offset="0.223"/>
             <GradientStop Color="#B6FFFFFF" Offset="0.085"/>
            </RadialGradientBrush>
           </Ellipse.Fill>
           <Ellipse.BitmapEffect>
            <BlurBitmapEffect KernelType="Gaussian" Radius="10"/>
           </Ellipse.BitmapEffect>
          </Ellipse>
          <Ellipse Stroke="{x:Null}" HorizontalAlignment="Left" Margin="65,0,0,-4.999" x:Name="star0_Copy3" VerticalAlignment="Bottom" Opacity="0" Height="59.8" Width="69" RenderTransformOrigin="0.5,0.5">
           <Ellipse.RenderTransform>
            <TransformGroup>
             <ScaleTransform ScaleX="1" ScaleY="1"/>
             <SkewTransform AngleX="0" AngleY="0"/>
             <RotateTransform Angle="0"/>
             <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
           </Ellipse.RenderTransform>
           <Ellipse.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFFFFFFF" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="0.821"/>
             <GradientStop Color="#70FFFFFF" Offset="0.223"/>
             <GradientStop Color="#B6FFFFFF" Offset="0.085"/>
            </RadialGradientBrush>
           </Ellipse.Fill>
           <Ellipse.BitmapEffect>
            <BlurBitmapEffect KernelType="Gaussian" Radius="10"/>
           </Ellipse.BitmapEffect>
          </Ellipse>
          <Ellipse Stroke="{x:Null}" HorizontalAlignment="Left" Margin="95,0,0,25.001" x:Name="star0_Copy4" VerticalAlignment="Bottom" Opacity="0" Width="69" Height="59.8" RenderTransformOrigin="0.5,0.5">
           <Ellipse.RenderTransform>
            <TransformGroup>
             <ScaleTransform ScaleX="1" ScaleY="1"/>
             <SkewTransform AngleX="0" AngleY="0"/>
             <RotateTransform Angle="0"/>
             <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
           </Ellipse.RenderTransform>
           <Ellipse.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFFFFFFF" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="0.821"/>
             <GradientStop Color="#70FFFFFF" Offset="0.223"/>
             <GradientStop Color="#B6FFFFFF" Offset="0.085"/>
            </RadialGradientBrush>
           </Ellipse.Fill>
           <Ellipse.BitmapEffect>
            <BlurBitmapEffect KernelType="Gaussian" Radius="10"/>
           </Ellipse.BitmapEffect>
          </Ellipse>
          <Ellipse Stroke="{x:Null}" HorizontalAlignment="Left" Margin="5,0,0,15.001" x:Name="star0_Copy5" VerticalAlignment="Bottom" Opacity="0" Height="59.8" Width="69" RenderTransformOrigin="0.5,0.5">
           <Ellipse.RenderTransform>
            <TransformGroup>
             <ScaleTransform ScaleX="1" ScaleY="1"/>
             <SkewTransform AngleX="0" AngleY="0"/>
             <RotateTransform Angle="0"/>
             <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
           </Ellipse.RenderTransform>
           <Ellipse.Fill>
            <RadialGradientBrush>
             <GradientStop Color="#FFFFFFFF" Offset="0"/>
             <GradientStop Color="#00FFFFFF" Offset="0.821"/>
             <GradientStop Color="#70FFFFFF" Offset="0.223"/>
             <GradientStop Color="#B6FFFFFF" Offset="0.085"/>
            </RadialGradientBrush>
           </Ellipse.Fill>
           <Ellipse.BitmapEffect>
            <BlurBitmapEffect KernelType="Gaussian" Radius="10"/>
           </Ellipse.BitmapEffect>
          </Ellipse>
          <ContentPresenter HorizontalAlignment="Left" Margin="193.969,74.727,0,0" VerticalAlignment="Top" Width="34.781" Height="14.843" OpacityMask="{x:Null}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}" RecognizesAccessKey="True" d:LayoutOverrides="HorizontalAlignment, VerticalAlignment"/>
         </Grid>
         <ControlTemplate.Triggers>
          <Trigger Property="IsFocused" Value="True"/>
          <Trigger Property="IsDefaulted" Value="True"/>
          <Trigger Property="IsMouseOver" SourceName="grid" Value="True">
           <Trigger.EnterActions>
            <BeginStoryboard x:Name="OnMouseOver_BeginStoryboard" Storyboard="{StaticResource OnMouseOver}"/>
           </Trigger.EnterActions>
          </Trigger>
          <Trigger Property="IsMouseOver" SourceName="grid" Value="False">
           <Trigger.EnterActions>
            <StopStoryboard BeginStoryboardName="OnMouseOver_BeginStoryboard"/>
            <BeginStoryboard Storyboard="{StaticResource OnMouseLeave}" x:Name="OnMouseLeave_BeginStoryboard"/>
           </Trigger.EnterActions>
          </Trigger>
          <Trigger Property="IsEnabled" Value="False"/>
          <Trigger Property="IsPressed" Value="False"/>
         </ControlTemplate.Triggers>
        </ControlTemplate>
       </Setter.Value>
      </Setter>
     </Style>
    </ResourceDictionary>
    Purkiss
    Thursday, September 11, 2008 5:43 PM

Answers

  • After some reading, I stumbled upon the fix for this!  Looks like I should have taken a storyboard 101 tutorial first.

    The problem is I was controlling one elements property in two separate timelines.  One frame ran over between the two.  As a result, I had to setup my initial storyboard up for a 'hand off' by moving all the frames in that animation forward to 0:00.100 seconds.  Additionally, I had to setup a 'stop' on my animations in each instance under property events...otherwise the animation is still going, even if there's no visuals to indicate this.  The elements get locked up and you can't do anything else with them in terms of storyboarding unless this is done.

    -Purkiss
    Purkiss
    • Marked as answer by Purkiss Monday, September 15, 2008 7:10 PM
    Monday, September 15, 2008 7:10 PM

All replies

  • This is not the correct forum for this question. I'll move this over to the Expression Blend forums.

    Will

    *Edit* Sorry - this was me. Apparently I was signed into a different Live ID by mistake.
    Thursday, September 11, 2008 9:51 PM
  • After some reading, I stumbled upon the fix for this!  Looks like I should have taken a storyboard 101 tutorial first.

    The problem is I was controlling one elements property in two separate timelines.  One frame ran over between the two.  As a result, I had to setup my initial storyboard up for a 'hand off' by moving all the frames in that animation forward to 0:00.100 seconds.  Additionally, I had to setup a 'stop' on my animations in each instance under property events...otherwise the animation is still going, even if there's no visuals to indicate this.  The elements get locked up and you can't do anything else with them in terms of storyboarding unless this is done.

    -Purkiss
    Purkiss
    • Marked as answer by Purkiss Monday, September 15, 2008 7:10 PM
    Monday, September 15, 2008 7:10 PM