Enter and exit actions MouseEnter and MouseLeave, Unloaded : EventTrigger « Windows Presentation Foundation « VB.Net






Enter and exit actions MouseEnter and MouseLeave, Unloaded

Enter and exit actions MouseEnter and MouseLeave, Unloaded
     

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      HorizontalAlignment="Center" VerticalAlignment="Center">
   
    <Ellipse Fill="Green" Width="20" Height="100">
      <Ellipse.Triggers>
        <EventTrigger RoutedEvent="Ellipse.MouseEnter">
          <BeginStoryboard Name="enterAnim">
            <Storyboard>
              <DoubleAnimation By="400" Duration="0:0:4"
                  Storyboard.TargetProperty="Width" />
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="Ellipse.MouseLeave">
          <BeginStoryboard HandoffBehavior="Compose" Name="leaveAnim">
            <Storyboard>
              <DoubleAnimation By="-400" Duration="0:0:4"
                  Storyboard.TargetProperty="Width" />
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="Ellipse.Unloaded">
          <RemoveStoryboard BeginStoryboardName="enterAnim" />
          <RemoveStoryboard BeginStoryboardName="leaveAnim" />
        </EventTrigger>
      </Ellipse.Triggers>
    </Ellipse>

</Page>

   
    
    
    
    
  








Related examples in the same category

1.Use EventTrigger elements to animate the MouseEnter and OnMouseLeave events of a Rectangle.Use EventTrigger elements to animate the MouseEnter and OnMouseLeave events of a Rectangle.
2.Multi Trigger: Pressed, Mouse overMulti Trigger: Pressed, Mouse over
3.Triggers: Control.IsFocused, Control.IsMouseOver, Button.IsPressedTriggers: Control.IsFocused, Control.IsMouseOver, Button.IsPressed
4.Apply Multiple Triggers to the Same ElementApply Multiple Triggers to the Same Element
5.Focused TriggerFocused Trigger
6.Evaluate Multiple Properties for the Same TriggerEvaluate Multiple Properties for the Same Trigger
7.Window Load as Animation TriggerWindow Load as Animation Trigger
8.Using a Trigger to modify the appearance of Button elementsUsing a Trigger to modify the appearance of Button elements
9.Using a Trigger to modify the appearance of a single ButtonUsing a Trigger to modify the appearance of a single Button
10.Declaring a local TriggerDeclaring a local Trigger
11.Using a Trigger to modify the appearance of any ControlUsing a Trigger to modify the appearance of any Control
12.Using a Trigger to modify multiple attributes of a ButtonUsing a Trigger to modify multiple attributes of a Button
13.Simple XAML Animation in EventTriggerSimple XAML Animation in EventTrigger
14.Use DataTriggerand MultiDataTrigger.Use DataTriggerand MultiDataTrigger.