Create a bounce animation : Animations « Animations « Silverlight

1. Silverlight
2. Animations
3. Animations

Create a bounce animation

    
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
<Canvas>

  <Canvas.Triggers>
    <EventTrigger RoutedEvent="Canvas.Loaded">
      <EventTrigger.Actions>
        <BeginStoryboard>
          <Storyboard>
            <DoubleAnimation
              Storyboard.TargetName="rect1"
              Storyboard.TargetProperty="(Canvas.Left)"
              From="0"
              To="300"
              Duration="0:0:5">
              <DoubleAnimation.EasingFunction>
                <BounceEase/>
              </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
            <DoubleAnimation
              Storyboard.TargetName="rect1"
              Storyboard.TargetProperty="(Canvas.Top)"
              From="0"
              To="300"
              Duration="0:0:5"
            />

          </Storyboard>
        </BeginStoryboard>
     </EventTrigger.Actions>
    </EventTrigger>
  </Canvas.Triggers>

  <Rectangle x:Name="rect1" Width="25" Height="25" Fill="Red"/>

</Canvas>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	Using Simple Animations with Objects
2.	Controlling Animations Programmatically
3.	Creating from to Animations
4.	Rectangles and Multiple Animation Effects
5.	Chained Animation Effects
6.	Point Animation Effects
7.	Starting an animation with a trigger
8.	Move a rectangle from position (0,0) to position (300,0) in 5 seconds
9.	Enlarge Button In Xaml
10.	Two Animations
11.	Animation without acceleration or deceleration
12.	Animation with a slow speed
13.	Animate EndPoint
14.	Animate StartPoint
15.	XAML Only Animation
16.	Four Sided Bounce
17.	Start the animation with Path is loaded
18.	Brush animation
19.	Control the animation from code
20.	Wipe out an Image
21.	Rotating button
22.	Simultaneous animation
23.	Fade Image Storyboard
24.	Repetition duration
25.	Timer triggered Animation
26.	Use code to control DoubleAnimation
27.	Animation Ease effect
28.	Animate transformation
29.	Grow a Button
30.	3D Animation