64장 에니메이션 TimeLine (DoubleAnimation)

DoubleAnimation - TimeLine으로 파생된, DoubleAnimation, PointAnimation, ColorAnimation을 순서대로 살펴 보도록   할 것입니다. 3개의 동일한 기능의 프로퍼티를 가지고 있습니다. - 위의 3가지는 모두 동일한 역활을 하고 있으며 From, To, By형 값이 들어가는다는 차이점이 존재

DoubleAnimation.Xamls <UserControl x:Class="DoubleAnimationExample.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">                   <!-- 넓이 변경 애니메이션 -->                 <DoubleAnimation                     Duration="00:00:01"                     Storyboard.TargetName="rect"                     Storyboard.TargetProperty="(Width)"                     From="50" To="500" />                                 <!-- From 생략 애니메이션 -->                 <!--<DoubleAnimation                     Duration="00:00:01"                     Storyboard.TargetName="rect"                     Storyboard.TargetProperty="(Width)"                     From="100" To="200" />-->                                 <!-- To 생략 애니메이션 -->                 <!--<DoubleAnimation                     Duration="00:00:01"                     Storyboard.TargetName="rect"                     Storyboard.TargetProperty="(Width)"                     From="100"/>-->               </Storyboard>         </Canvas.Resources>           <!-- 사각형 -->         <Rectangle x:Name="rect" Fill="Red"                    Width="500" Height="100"                    Canvas.Left="0" Canvas.Top="0"/>     </Canvas> </UserControl>