Enter and exit actions MouseEnter and MouseLeave, Unloaded : 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.Date Time
8.Development
9.Event
10.File Directory
11.Generics
12.GUI
13.Internationalization I18N
14.Language Basics
15.LINQ
16.Network Remote
17.Reflection
18.Security
19.Thread
20.Windows Presentation Foundation
21.Windows System
22.XML
23.XML LINQ
VB.Net » Windows Presentation Foundation » EventTriggerScreenshots 
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.
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.