index > Windows Presentation Foundation ("Avalon") > multiple animations within one EventTrigger

multiple animations within one EventTrigger

hi,

how can i realize animations on multiple rectangles within the same event. I want to define this within a style in my XAML. My idea is, if a certain event takes place, multiple animations on different rectangles will be started.

i tried the following:

<ControlTemplate.Triggers>

<EventTrigger RoutedEvent="Button.MouseEnter">

<EventTrigger.Actions>

<BeginStoryboard>

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="rect_Normal" Storyboard.TargetProperty="(Rectangle.Visibility)">

<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Hidden}" />

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Duration="0:0:0" Storyboard.TargetName="rect_Over" Storyboard.TargetProperty="(Rectangle.Visibility)">

<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}" />

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

</ControlTemplate.Triggers>

It works all fine if i define just ONE "ObjectAnimationUsingKeyFrames", but with a second "ObjectAnimationUsingKeyFrames" the animations don't work anymore.

Any Ideas???

Thanks,

bkohler

what you have should work, Can you give some details on what is not working?

lee d

Don't you need two keyframes for a keyframe animation?

What's in your toolbelt? http://www.codeplex.com/Wiki/View.aspx?ProjectName=wpftoolbelt

ivolved_Mike_Brown

No, one should do.

lee d

Ah...he's trying to get around that limit of not being able to set a property on a non-contained element in a Style Trigger.

What's in your toolbelt? http://www.codeplex.com/Wiki/View.aspx?ProjectName=wpftoolbelt

ivolved_Mike_Brown

Storyboard.TargetName is indeed not allowed inside Style.Trigger storyboard. However, the markup here is in a ControlTemplate.Trigger storyboard, which does allow targeting of named elements as long as the elements are within the ControlTemplate.

To diagnose further, we would need to see the rest of the ControlTemplate. Specifically, we need to see how the rectangles "rect_Normal" and "rect_Over" are defined, and their relationship to the rest of the control template.

It would also help to know what "doesn't work" means. If an exception is thrown, the exception message and call stack should provide useful information.

(From Microsoft Legal: This posting is provided "AS IS" with no warranties, and confers no rights.)

Roger Cheng - MSFT

guys,

i'm really sorry. it was my fault...

the code i posted works... unfortunately the second animation didn't change the appearance of my ui, so i thought it is not running... sometimes it would be really nice to able to debug xaml code...

thanks a lot for your hints,

bkohler

reply 7