Hey all,
I've created a simple storyboard animation in Blend 2, put a
storboardname.Begin() in my loaded event and it doesn't play. It seems to
play to the first keyframe and then sit there doing nothing. Interestingly,
if I resize the browser window then it plays while the browser window is
being moved and then stops again when the window is not being moved.
I moved the whole solution to my Silverlight 3 laptop and it does the same
thing there.
<UserControl.Resources>
<Storyboard x:Name="flare" AutoReverse="True"
RepeatBehavior="Forever">
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Storyboard.TargetName="path"
Storyboard.TargetProperty="(Shape.Fill).(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1.167"/>
<SplineDoubleKeyFrame KeyTime="00:00:02" Value="0.557"/>
<SplineDoubleKeyFrame KeyTime="00:00:03" Value="-2.037"/>
<SplineDoubleKeyFrame KeyTime="00:00:04" Value="-1.071"/>
</DoubleAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Storyboard.TargetName="path"
Storyboard.TargetProperty="(Shape.Fill).(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
<SplineDoubleKeyFrame KeyTime="00:00:01" Value="-1.028"/>
<SplineDoubleKeyFrame KeyTime="00:00:02" Value="0.663"/>
<SplineDoubleKeyFrame KeyTime="00:00:03" Value="-0.561"/>
<SplineDoubleKeyFrame KeyTime="00:00:04" Value="0.456"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" Background="White">
<Grid Height="100" x:Name="topPanel" Width="Auto"
Background="{x:Null}" Margin="0,0,0,0" VerticalAlignment="Top"
HorizontalAlignment="Left">
<Path Stretch="Fill" Data="F1 M2.93006E-07,32.267502
C2.93006E-07,32.267502 -2.1711364,12.153816 3.5443797,11.451805
C12.756528,7.4152412 13.572124,22.32321 21.941624,13.323208
C29.991623,5.3232079 46,13.903 46,13.903 L46.209732,21.104456
C46.209732,21.104456 48.196507,44.200676 39.635406,53.450676
C31.074306,62.700676 14.923691,62.750954 14.923691,62.750954
L6.8583064,62.628082 C6.3319564,58.801682 2.096091,60.448742
0.78308129,57.015942 C-0.52991891,53.583042 2.0996599,42.4422
2.93006E-07,39.403 L2.93006E-07,32.267502 z" HorizontalAlignment="Left"
Margin="7.424,0,0,0" x:Name="path" Width="66.222" VerticalAlignment="Center"
Height="90">
<Path.Fill>
<RadialGradientBrush SpreadMethod="Pad"
MappingMode="RelativeToBoundingBox">
<RadialGradientBrush.RelativeTransform>
<TransformGroup>
<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.138"
ScaleY="1.756"/>
<SkewTransform CenterX="0.5" CenterY="0.5"/>
<RotateTransform CenterX="0.5" CenterY="0.5"/>
<TranslateTransform X="0.011" Y="-0.018"/>
</TransformGroup>
</RadialGradientBrush.RelativeTransform>
<GradientStop Color="#FF803040" Offset="0.863"/>
<GradientStop Color="#FFDEA2AE" Offset="0"/>
</RadialGradientBrush>
</Path.Fill>
</Path>
</Grid>
</Grid>
then put flare.Begin(); in the loaded event of the page.
Am I missing something? Or is this a weird bug related to animating a
gradient?
puzzled...
Stephen
--------------------------------------------------------------------------------
Support procedure: https://www.codify.com/lists/support
List address: [email protected]
Subscribe: [email protected]
Unsubscribe: [email protected]
List FAQ: http://www.codify.com/lists/ozsilverlight
Other lists you might want to join: http://www.codify.com/lists