[C#/WPF] StringAnimationUsingKeyFrames 엘리먼트 : 키 프레임을 사용해 문자열 값에 애니메이션 효과 주기

■ StringAnimationUsingKeyFrames 엘리먼트에서 키 프레임을 사용해 문자열 값에 애니메이션 효과를 주는 방법을 보여준다.

▶ 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">
    <Button Name="button"
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        FontFamily="Verdana"
        FontSize="32pt"
        Content="Some Text">
        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Click">
                <BeginStoryboard>
                    <Storyboard>
                        <StringAnimationUsingKeyFrames
                            Storyboard.TargetName="button"
                            Storyboard.TargetProperty="(Button.Content)"
                            Duration="00:00:08"
                            FillBehavior="HoldEnd">
                            <DiscreteStringKeyFrame KeyTime="00:00:00"   Value=""              />
                            <DiscreteStringKeyFrame KeyTime="00:00:01"   Value="A"             />
                            <DiscreteStringKeyFrame KeyTime="00:00:01.5" Value="An"            />
                            <DiscreteStringKeyFrame KeyTime="00:00:02"   Value="Ani"           />
                            <DiscreteStringKeyFrame KeyTime="00:00:02.5" Value="Anim"          />
                            <DiscreteStringKeyFrame KeyTime="00:00:03"   Value="Anima"         />
                            <DiscreteStringKeyFrame KeyTime="00:00:03.5" Value="Animat"        />
                            <DiscreteStringKeyFrame KeyTime="00:00:04"   Value="Animate"       />
                            <DiscreteStringKeyFrame KeyTime="00:00:04.5" Value="Animated"      />
                            <DiscreteStringKeyFrame KeyTime="00:00:05"   Value="Animated "     />
                            <DiscreteStringKeyFrame KeyTime="00:00:05.5" Value="Animated T"    />
                            <DiscreteStringKeyFrame KeyTime="00:00:06"   Value="Animated Te"   />
                            <DiscreteStringKeyFrame KeyTime="00:00:06.5" Value="Animated Tex"  />
                            <DiscreteStringKeyFrame KeyTime="00:00:07"   Value="Animated Text" />
                        </StringAnimationUsingKeyFrames>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Button.Triggers>
    </Button>
</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">

<Button Name="button"

HorizontalAlignment="Center"

VerticalAlignment="Center"

FontFamily="Verdana"

FontSize="32pt"

Content="Some Text">

<Button.Triggers>

<StringAnimationUsingKeyFrames

Storyboard.TargetName="button"

Storyboard.TargetProperty="(Button.Content)"

Duration="00:00:08"

FillBehavior="HoldEnd">

</StringAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Button.Triggers>

</Button>

</Window>

TestProject.zip

.NETFRAMEWORK 2D ANIMATION C# GRAPHICS MICROSOFT WPF

icodebroker

[C#/WPF] StringAnimationUsingKeyFrames 엘리먼트 : 키 프레임을 사용해 문자열 값에 애니메이션 효과 주기