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






<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>
WPF Use Event Trigger Elements To Animate The Mouse Enter And On Mouse Leave Events Of A Rectangle








16.88.EventTrigger
16.88.1.Enter and exit actions MouseEnter and MouseLeave, UnloadedEnter and exit actions MouseEnter and MouseLeave, Unloaded
16.88.2.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.
16.88.3.Multi Trigger: Pressed, Mouse overMulti Trigger: Pressed, Mouse over
16.88.4.Triggers: Control.IsFocused, Control.IsMouseOver, Button.IsPressedTriggers: Control.IsFocused, Control.IsMouseOver, Button.IsPressed
16.88.5.Apply Multiple Triggers to the Same ElementApply Multiple Triggers to the Same Element
16.88.6.Focused TriggerFocused Trigger
16.88.7.Evaluate Multiple Properties for the Same TriggerEvaluate Multiple Properties for the Same Trigger
16.88.8.Window Load as Animation TriggerWindow Load as Animation Trigger
16.88.9.Using a Trigger to modify the appearance of Button elementsUsing a Trigger to modify the appearance of Button elements
16.88.10.Using a Trigger to modify the appearance of a single ButtonUsing a Trigger to modify the appearance of a single Button
16.88.11.Declaring a local TriggerDeclaring a local Trigger
16.88.12.Using a Trigger to modify the appearance of any ControlUsing a Trigger to modify the appearance of any Control
16.88.13.Using a Trigger to modify multiple attributes of a ButtonUsing a Trigger to modify multiple attributes of a Button
16.88.14.Simple XAML Animation in EventTriggerSimple XAML Animation in EventTrigger
16.88.15.Use DataTriggerand MultiDataTrigger.Use DataTriggerand MultiDataTrigger.