■ MatrixAnimationUsingPath 엘리먼트를 사용해 경로를 따라 버튼을 움직이는 애니메이션을 만드는 방법을 보여준다.
▶ MainWindow.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
<Window x:Class="TestProject.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:options="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options" Width="800" Height="600" Title="TestProject" FontFamily="나눔고딕코딩" FontSize="16"> <Canvas Width="400" Height="400" Background="LightGray"> <Button Width="100" Height="30" Content="버튼"> <Button.RenderTransform> <MatrixTransform x:Name="matrixTransform"> <MatrixTransform.Matrix > <Matrix /> </MatrixTransform.Matrix> </MatrixTransform> </Button.RenderTransform> <Button.Triggers> <EventTrigger RoutedEvent="Button.Loaded"> <BeginStoryboard> <Storyboard> <MatrixAnimationUsingPath Storyboard.TargetName="matrixTransform" Storyboard.TargetProperty="Matrix" DoesRotateWithTangent="True" Duration="00:00:05" RepeatBehavior="Forever" AutoReverse="True"> <MatrixAnimationUsingPath.PathGeometry> <PathGeometry Figures="M 10 150 C 35 50 135 50 160 150 180 240 285 250 310 150" options:Freeze="True" /> </MatrixAnimationUsingPath.PathGeometry> </MatrixAnimationUsingPath> </Storyboard> </BeginStoryboard> </EventTrigger> </Button.Triggers> </Button> </Canvas> </Window> |
