[C#/WPF] Storyboard 엘리먼트 사용하기

■ Storyboard 엘리먼트를 사용하는 방법을 보여준다.

▶ 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="Storyboard 엘리먼트 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Button Name="button1"
            Margin="12"
            HorizontalAlignment="Center"
            FontSize="12"
            Padding="5">
            Expand Other Button
        </Button>
        <Button Name="button2"
            Margin="12"
            HorizontalAlignment="Center"
            FontSize="12"
            Padding="5">
            Expand Other Button
        </Button>
    </StackPanel>
    <Window.Triggers>
        <EventTrigger
            SourceName="button1"
            RoutedEvent="Button.Click">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        Storyboard.TargetName="button2"
                        Storyboard.TargetProperty="FontSize"
                        Duration="0:0:2"
                        From="12"
                        To="48"
                        FillBehavior="Stop" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
        <EventTrigger
            SourceName="button2"
            RoutedEvent="Button.Click">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        Storyboard.TargetName="button1"
                        Storyboard.TargetProperty="FontSize"
                        Duration="0:0:2"
                        From="12"
                        To="48"
                        FillBehavior="Stop" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>
</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="Storyboard 엘리먼트 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Button Name="button1"

Margin="12"

HorizontalAlignment="Center"

FontSize="12"

Padding="5">

Expand Other Button

</Button>

<Button Name="button2"

Margin="12"

HorizontalAlignment="Center"

FontSize="12"

Padding="5">

Expand Other Button

</Button>

</StackPanel>

<Window.Triggers>

<EventTrigger

SourceName="button1"

RoutedEvent="Button.Click">

<DoubleAnimation

Storyboard.TargetName="button2"

Storyboard.TargetProperty="FontSize"

Duration="0:0:2"

From="12"

To="48"

FillBehavior="Stop" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

<EventTrigger

SourceName="button2"

RoutedEvent="Button.Click">

<DoubleAnimation

Storyboard.TargetName="button1"

Storyboard.TargetProperty="FontSize"

Duration="0:0:2"

From="12"

To="48"

FillBehavior="Stop" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Window.Triggers>

</Window>

TestProject.zip