70.SilverLight3 - PointAnimation

PointAnimation
- 위치를 변경하는 애니메이션

---

MainPage.xaml

[그림 70-1] <Canvas Background="White" Width="400" Height="300">     <!--[1] 스토리보드 정의-->     <Canvas.Triggers>         <EventTrigger RoutedEvent="Canvas.Loaded">             <BeginStoryboard>                 <Storyboard>                     <PointAnimation                         Storyboard.TargetName="myLine"                         Storyboard.TargetProperty="EndPoint"                         Duration="0.0:0:2.0"                         From="100,100"                         To="50,100"                         AutoReverse="True"                         RepeatBehavior="2x"></PointAnimation>                 </Storyboard>             </BeginStoryboard>         </EventTrigger>     </Canvas.Triggers>     <!--[2] 대상 요소 정의-->     <Path Fill="Black" Stroke="Silver" StrokeThickness="3">         <Path.Data>             <LineGeometry x:Name="myLine" StartPoint="50,50" EndPoint="100,100">             </LineGeometry>         </Path.Data>     </Path> </Canvas>

---

결과화면

[그림 70-2]

PointAnimation.zip