XAML Only Animation

image_pdfimage_print



     


<Window x:Class="XamlOnly"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    
xmlns:x=
"http://schemas.microsoft.com/winfx/2006/xaml" 
Title=
"XamlOnly"

    Height="300" Width="300">

    <Grid>

      <StackPanel>

            <TextBlock Name="textBlock" Margin="5"

                TextAlignment="Center" Height="30"

                Text="{Binding ElementName=textBox,Path=Text}" />

            <TextBox Name="textBox" Margin="5" Width="200"

                TextAlignment="Center" Text="Hello, WPF!" />

            <Button Margin="5" Width="200"

                Content="Change Text Color">

                <Button.Triggers>

                    <EventTrigger RoutedEvent="Button.Click">

                        <BeginStoryboard>

                            <Storyboard>

                                <ColorAnimation

                                    Storyboard.TargetName="textBlock"
                                    Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)"
                                    From="Black" To="Red" Duration="0:0:1" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Button.Triggers>
            </Button>
        </StackPanel>
   </Grid>
</Window>