Use EventTrigger elements to animate the MouseEnter and OnMouseLeave events of a Rectangle. : EventTrigger « Windows Presentation Foundation « VB.Net






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.
     

<Page 
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Page.Resources>
    <Style TargetType="Rectangle">
      <Setter Property="Width" Value="50" />
      <Setter Property="Height" Value="50" />
      <Style.Triggers>
        <EventTrigger RoutedEvent="MouseEnter">
            <BeginStoryboard>
                <Storyboard>
                  <DoubleAnimation To="300" Duration="0:0:1.5" 
                    AccelerationRatio="0.10" DecelerationRatio="0.25" 
                    Storyboard.TargetProperty="(Canvas.Width)" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="MouseLeave">
            <BeginStoryboard>
                <Storyboard>
                  <DoubleAnimation Duration="0:0:1.5" 
                    AccelerationRatio="0.10" DecelerationRatio="0.25" 
                    Storyboard.TargetProperty="(Canvas.Width)" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
      </Style.Triggers>
    </Style>
  </Page.Resources>

  <StackPanel HorizontalAlignment="Left">
    <Rectangle Fill="Red" />
  </StackPanel>

</Page>

   
    
    
    
    
  








Related examples in the same category

1.Enter and exit actions MouseEnter and MouseLeave, UnloadedEnter and exit actions MouseEnter and MouseLeave, Unloaded
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.