Silverlight

72.SilverLight3 - TimeLine

Godffs 2009. 12. 3. 17:38
반응형
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]



반응형