72.SilverLight3 - TimeLine

TimeLine
- TimeLine 클래스를 통해 표현되는 애니메이션입니다.

TimeLine 속성
AutoReverse : 애니메이션 실행 완료후 다시 역 방향으로 재실행하는지 설정
BeginTime : 애니메이션 실행 시간 설정
Duration : 애니메이션이 실행될 전체 시간 설정
FillBehavior : 애니메이션이 종료 후 현재 애니메이션을 어떻게 할 것인지 설정
SpeedRation : 애니메이션 실행 속도 지정
RepeatBehavior : 애니메이션 반복 여부 설정

---

MainPage.xaml

[그림 72-1] <Grid x:Name="LayoutRoot" Background="White">     <!--스토리보드-->     <Grid.Resources>         <!--오른쪽으로 100px 이동-->         <Storyboard x:Name="point">             <PointAnimation                 Storyboard.TargetName="myWon"                 Storyboard.TargetProperty="Center"                 From="50,50" To="150,50" Duration="0:0:2" AutoReverse="True">                 </PointAnimation>         </Storyboard>         <!--Red 에서 Yellow로 변경-->         <Storyboard x:Name="color">             <ColorAnimation                 Storyboard.TargetName="myPath"                 Storyboard.TargetProperty="(Fill).(SolidColorBrush.Color)"                 From="Red" To="Yellow" Duration="0:0:2" AutoReverse="True">                </ColorAnimation>         </Storyboard>     </Grid.Resources>     <!--요소-->     <Path x:Name="myPath" Fill="DodgerBlue" Stroke="Silver" StrokeThickness="3">         <Path.Data>             <EllipseGeometry x:Name="myWon" Center="50,50" RadiusX="50" RadiusY="50">             </EllipseGeometry>         </Path.Data>     </Path> </Grid>

---

결과화면

[그림 72-2]

TimeLine.zip