72.SilverLight3 - 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