[C#/WPF] Storyboard 엘리먼트 : TargetProperty 첨부 속성 설정하기

■ Storyboard 엘리먼트의 TargetProperty 첨부 속성을 설정하는 방법을 보여준다.

TestProject.zip

0.01MB

▶ 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">
    <Canvas>
        <Ellipse Canvas.Left="10" Canvas.Top="10"
            Width="100"
            Height="100"
            Fill="Red">
            <Ellipse.Triggers>
                <EventTrigger RoutedEvent="Ellipse.MouseDown">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                                Storyboard.TargetProperty="(Canvas.Left)"
                                AutoReverse="True"
                                Duration="0:0:2"
                                From="10"
                                To="400" />
                            <DoubleAnimation
                                Storyboard.TargetProperty="(Canvas.Top)"
                                AutoReverse="True"
                                Duration="0:0:2"
                                From="10"
                                To="400" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Ellipse.Triggers>
        </Ellipse>
    </Canvas>
</Window>