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

Home
VB.Net
1.2D
2.Application
3.Class
4.Data Structure
5.Data Types
6.Database ADO.net
7.Development
8.Event
9.File Directory
10.Generics
11.GUI
12.Language Basics
13.LINQ
14.Network Remote
15.Security
16.Thread
17.Windows Presentation Foundation
18.Windows System
19.XML
20.XML LINQ
VB.Net Tutorial
VB.Net by API
VB.Net » Windows Presentation Foundation » EventTriggerScreenshots 
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.
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.