TextBlock Opacity Animation : TextBlock Animation « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. TextBlock Animation
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <TextBlock x:Name="txtblk" Text="XAML" 
               FontSize="144pt" FontFamily="Arial Black"
               HorizontalAlignment="Center" VerticalAlignment="Center">

        <TextBlock.Triggers>
            <EventTrigger RoutedEvent="TextBlock.Loaded">
                <BeginStoryboard>
                    <Storyboard TargetName="txtblk" 
                                TargetProperty="Opacity"
                                RepeatBehavior="Forever">
                        <DoubleAnimationUsingPath Duration="0:0:4" 
                                                  Source="Y">
                            <DoubleAnimationUsingPath.PathGeometry>
                                <PathGeometry>
                                    <PathGeometry.Figures>
                                        <PathFigure StartPoint="0 0">
                                            <LineSegment Point="0 1" />
                                            <LineSegment Point="2 1" />
                                            <LineSegment Point="2 0" />
                                        </PathFigure>
                                    </PathGeometry.Figures>
                                </PathGeometry>
                            </DoubleAnimationUsingPath.PathGeometry>
                        </DoubleAnimationUsingPath>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </TextBlock.Triggers>
    </TextBlock>
</Page>
WPF Text Block Opacity Animation




24.9.TextBlock Animation
24.9.1.TextBlock Opacity AnimationTextBlock Opacity Animation
24.9.2.Animates the text block's colorAnimates the text block's color
24.9.3.Animates the text block's opacity(fading text)Animates the text block's opacity(fading text)
24.9.4.Animates the text block's widthAnimates the text block's width
24.9.5.TextEffect to animateTextEffect to animate
24.9.6.Animates the horizontal center of the RotateTransform applied to the TextEffectAnimates the horizontal center of the RotateTransform applied to the TextEffect
24.9.7.Animates the position of the TextEffectAnimates the position of the TextEffect