Animate Ball Height : Ball Animation « Windows Presentation Foundation « C# / CSharp Tutorial






<Window x:Class="asdf"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="" Height="300" Width="300">
    <Window.Resources>
        <Storyboard x:Key="ResizeEllipseStoryboard">
            <ParallelTimeline>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ellipse" Storyboard.TargetProperty="Height">
                    <LinearDoubleKeyFrame Value="150" KeyTime="0:0:1" />
                    <LinearDoubleKeyFrame Value="230" KeyTime="0:0:2" />
                    <LinearDoubleKeyFrame Value="150" KeyTime="0:0:2.5" />
                    <LinearDoubleKeyFrame Value="230" KeyTime="0:0:5" />
                    <LinearDoubleKeyFrame Value="40" KeyTime="0:0:9" />
                </DoubleAnimationUsingKeyFrames>

            </ParallelTimeline>
        </Storyboard>
    </Window.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="40" />
        </Grid.RowDefinitions>
        <Ellipse Height="40" Width="40" x:Name="ellipse" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.75,0.25">
                    <GradientStop Color="Yellow" Offset="0.0" />
                    <GradientStop Color="Red" Offset="1.0" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Button Content="Start..." Margin="10" Grid.Row="1">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <BeginStoryboard Storyboard="{DynamicResource ResizeEllipseStoryboard}" />
                </EventTrigger>
            </Button.Triggers>
        </Button>

    </Grid>
</Window>
WPF Animate Ball Height








24.113.Ball Animation
24.113.1.Bouncing BallBouncing Ball
24.113.2.Bouncing Ball with ParallelTimelineBouncing Ball with ParallelTimeline
24.113.3.Bouncing Ball with DoubleAnimationBouncing Ball with DoubleAnimation
24.113.4.Ball moves in a constant speedBall moves in a constant speed
24.113.5.Rolling Ball AnimationRolling Ball Animation
24.113.6.Animate Ball HeightAnimate Ball Height