[C#/WPF] Timeline 엘리먼트 : AutoReverse 속성 사용하기

■ Timeline 엘리먼트의 AutoReverse 속성을 사용하는 방법을 보여준다.

▶ 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="Timeline 엘리먼트 : AutoReverse 속성 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <Button Name="button"
                Margin="10"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Padding="10"
                Content="테스트">
                <Button.Triggers>
                    <EventTrigger RoutedEvent="Button.Click">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation
                                    Storyboard.TargetName="button"
                                    Storyboard.TargetProperty="FontSize"
                                    AutoReverse="True"
                                    From="24"
                                    To="32"
                                    Duration="00:00:03" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Button.Triggers>
            </Button>
            <StackPanel
                Margin="10"
                Orientation="Horizontal">
                <TextBlock>버튼 폰트 크기 :</TextBlock>
                <TextBlock
                    Margin="10 0 0 0"
                    Text="{Binding FontSize, ElementName=button}" />
            </StackPanel>
            <TextBlock Margin="10">
                버튼 폰트 크기가 24에서 32가 되고 32에서 24가 되어 최종값은 24가 된다.
            </TextBlock>
        </StackPanel>
    </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="Timeline 엘리먼트 : AutoReverse 속성 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Button Name="button"

Margin="10"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Padding="10"

Content="테스트">

<Button.Triggers>

<DoubleAnimation

Storyboard.TargetName="button"

Storyboard.TargetProperty="FontSize"

AutoReverse="True"

From="24"

To="32"

Duration="00:00:03" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Button.Triggers>

</Button>

<StackPanel

Margin="10"

Orientation="Horizontal">

<TextBlock

Margin="10 0 0 0"

Text="{Binding FontSize, ElementName=button}" />

</StackPanel>

버튼 폰트 크기가 24에서 32가 되고 32에서 24가 되어 최종값은 24가 된다.

</TextBlock>

</StackPanel>

</Grid>

</Window>

TestProject.zip