74.SilverLight3 - DiscreteKeyFrame

DiscreteKeyFrame
-  분리된 애니메이션 실행,  초기값에서 지정된 값으로 갑자기 변경

---

MainPage.xaml

[그림 74-1] <Canvas x:Name="LayoutRoot">     <Canvas.Resources>         <Storyboard x:Name="mySb">             <DoubleAnimationUsingKeyFrames                 Storyboard.TargetName="myRect"                 Storyboard.TargetProperty="Width">                 <DiscreteDoubleKeyFrame KeyTime="0.0:0:1.0" Value="200">                 </DiscreteDoubleKeyFrame>                 <DiscreteDoubleKeyFrame KeyTime="0.0:0:2.0" Value="300">                 </DiscreteDoubleKeyFrame>                 <DiscreteDoubleKeyFrame KeyTime="0.0:0:3.0" Value="400">                 </DiscreteDoubleKeyFrame>             </DoubleAnimationUsingKeyFrames>         </Storyboard>     </Canvas.Resources>     <!--사각형-->     <Rectangle x:Name="myRect" Width="100" Height="100" Canvas.Left="0"                Canvas.Top="0">         <Rectangle.Fill>             <SolidColorBrush Color="DodgerBlue"></SolidColorBrush>         </Rectangle.Fill>     </Rectangle> </Canvas>

---

MainPage.xaml.cs

namespace DiscreteKeyFrame {     public partial class MainPage : UserControl     {         public MainPage()         {             InitializeComponent();             this.myRect.MouseLeftButtonDown +=                  new MouseButtonEventHandler(myRect_MouseLeftButtonDown);         }           void myRect_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)         {             mySb.Begin();         }     } }

---

결과화면

[그림 74-2]

DiscreteKeyFrame.zip