58장 에니메이션 TimeLine (AutoReverseExample)

TimeLine - TimeLine속성에는 다음과 같이 존재 - Coloranimation :  Color 타입의 프로퍼티를 변경시키기 위한 에니메이션 - DoubleAnimation : Double 타입의 프로퍼티를 변경시키기 위한 애니메이션 - PointAnimation :  Point 타입의 프로퍼티를 변경시키기 위한 애니메이션  (AutoReverse, BeginTime, Duration,  FillBehavior,  SpeedRatio,  RepeatBehavior )

AutoReverseExample - AutoReverse는 수행된 애니메이션 역방향으로 다시 수행하고자 할 경우 사용 가능 - AutoReverse 다음과 같이 예제 확인 <UserControl x:Class="AnimationExample.MainPage"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">     <Canvas x:Name="LayoutRoot">         <Canvas.Resources>               <!-- 사각형을 이동 시키는 스토리 보드-->             <Storyboard x:Name="rectAnimation">                   <!-- Y 좌표 이동 애니메이션-->                 <DoubleAnimation                     AutoReverse="True"                     Storyboard.TargetName="rect"                     Storyboard.TargetProperty="(Canvas.Top)"                         From="0" To="100"/>                   <!-- X 좌표 이동 애니메이션 -->                 <DoubleAnimation                     AutoReverse="True"                     Storyboard.TargetName="rect"                     Storyboard.TargetProperty="(Canvas.Left)"                         From="0" To="100"/>               </Storyboard>         </Canvas.Resources>           <!-- 사각형 -->         <Rectangle x:Name="rect" Fill="Red"                    Width="100" Height="100"                    Canvas.Left="0" Canvas.Top="0"/>     </Canvas> </UserControl>