[C#/WPF] TextBlock 엘리먼트 : DoubleAnimation 객체를 사용해 텍스트 투명도 변경 애니메이션 만들기

■ TextBlock 엘리먼트에서 DoubleAnimation 객체를 사용해 텍스트 투명도를 변경하는 애니메이션을 만드는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <TextBlock Name="textBlock"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Foreground="Maroon"
            FontSize="48"
            FontWeight="Bold">
            This is fading text
            <TextBlock.Triggers>
                <EventTrigger RoutedEvent="TextBlock.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                                Storyboard.TargetName="textBlock"
                                Storyboard.TargetProperty="(TextBlock.Opacity)"
                                Duration="00:00:05"
                                From="1.0"
                                To="0.0"
                                AutoReverse="True"
                                RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </TextBlock.Triggers>
        </TextBlock>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Foreground="Maroon"

FontSize="48"

FontWeight="Bold">

This is fading text

<TextBlock.Triggers>

<DoubleAnimation

Storyboard.TargetName="textBlock"

Storyboard.TargetProperty="(TextBlock.Opacity)"

Duration="00:00:05"

From="1.0"

To="0.0"

AutoReverse="True"

RepeatBehavior="Forever" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</TextBlock.Triggers>

</TextBlock>

</Grid>

</Window>

TestProject.zip