[C#/WPF] DoubleAnimation 엘리먼트 : 문자열 회전시키기

■ 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="DoubleAnimation 엘리먼트 : 문자열 회전시키기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            RenderTransformOrigin="0.5 0.5"
            FontFamily="Arial Black"
            FontSize="144pt"
            Text="XAML">
            <TextBlock.RenderTransform>
                <TransformGroup>
                    <ScaleTransform x:Name="scaleTransform" />
                    <RotateTransform x:Name="rotateTransform" />
                </TransformGroup>
            </TextBlock.RenderTransform>
            <TextBlock.Triggers>
                <EventTrigger RoutedEvent="TextBlock.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                                Storyboard.TargetName="scaleTransform"
                                Storyboard.TargetProperty="ScaleX"
                                RepeatBehavior="Forever"
                                AutoReverse="True"
                                Duration="0:0:3"
                                From="1"
                                To="-1" />
                            <DoubleAnimation
                                Storyboard.TargetName="rotateTransform"
                                Storyboard.TargetProperty="Angle"
                                RepeatBehavior="Forever"
                                Duration="0:0:5"
                                From="0"
                                To="360" />
                        </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="DoubleAnimation 엘리먼트 : 문자열 회전시키기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

RenderTransformOrigin="0.5 0.5"

FontFamily="Arial Black"

FontSize="144pt"

Text="XAML">

<TextBlock.RenderTransform>

</TransformGroup>

</TextBlock.RenderTransform>

<TextBlock.Triggers>

<DoubleAnimation

Storyboard.TargetName="scaleTransform"

Storyboard.TargetProperty="ScaleX"

RepeatBehavior="Forever"

AutoReverse="True"

Duration="0:0:3"

From="1"

To="-1" />

<DoubleAnimation

Storyboard.TargetName="rotateTransform"

Storyboard.TargetProperty="Angle"

RepeatBehavior="Forever"

Duration="0:0:5"

From="0"

To="360" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</TextBlock.Triggers>

</TextBlock>

</Grid>

</Window>

TestProject.zip