Events

BasicEvent

A BasicEvent is an action that occurs at a specified event. To declare one in XML, add it into the Events subtag of the node as follows:

XML

<BasicEvent>
   <Type>RightMouseDown</Type>
   <Target>Visibility</Target>
   <Value>Visible</Value>
</BasicEvent>

Or:

XAML

<BasicEvent Type="RightMouseDown" Target="Visibility" Value="Visible"><BasicEvent>

All the available features are described in the Features page.

AnimatedEvent

An AnimatedEvent is an animation that occurs at a specified event. Using triggers, animations can be chained one after the other. Similarly to BasicEvent, the declaration is placed in the Events subtag.

XML

<AnimatedEvent>
   <Name>SizeAnimation</Name>
   <Type>LeftMouseDown</Type>
   <Target>Width</Target>
   <From>50%</From>
   <To>100%</To>
   <Duration>400</Duration>
</AnimatedEvent>
<AnimatedEvent>
   <Type>AnimationFinished</Type>
   <Trigger>SizeAnimation</Trigger>
   <Target>FontSize</Target>
   <From>12</From>
   <To>24</To>
   <Duration>200</Duration>
</AnimatedEvent>

Or:

XAML

<AnimatedEvent Name="SizeAnimation" Type="LeftMouseDown" Target="Width" From="50%" To="100%" Duration="400"></AnimatedEvent>
<AnimatedEvent Type="AnimationFinished" Trigger="SizeAnimation" Target="FontSize" From="12" To="24" Duration="200"></AnimatedEvent>

As can be seen in the example, the second animation is triggered by the first animation finishing, thus starting immediately after it.