방법: 클립 영역에 애니메이션 효과 적용

업데이트: 2007년 11월

이 예제에서는 프레임워크 요소의 Clip 영역에 애니메이션 효과를 적용하는 방법을 보여 줍니다. 다음 예제에서는 EllipseGeometry를 사용하여 Image 요소에 대한 타원형 클립 영역을 정의합니다. PointAnimation은 타원 기하 도형의 Center 속성을 (0, 0)에서 (200, 150)으로 변경하여 애니메이션 효과를 적용합니다. 애니메이션은 이미지가 로드된 후 재생되기 시작하여 무한 반복됩니다.

예제

<Image
  Source="sampleImages\Waterlilies.jpg" 
  Width="200" Height="150" HorizontalAlignment="Left">
  <Image.Clip>
    <EllipseGeometry x:Name="MyEllipseGeometry1"
      RadiusX="100"
      RadiusY="75"
      Center="100,75"/>
  </Image.Clip>
  <Image.Triggers>
    <EventTrigger RoutedEvent="Image.Loaded">
      <BeginStoryboard>
        <Storyboard>
          <PointAnimation 
            Storyboard.TargetName="MyEllipseGeometry1" 
            Storyboard.TargetProperty="(EllipseGeometry.Center)"
            From="0,0" To="200,150" Duration="0:0:3" RepeatBehavior="Forever" 
            AutoReverse="True" />
          </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
  </Image.Triggers>
</Image> 

전체 샘플을 보려면 클립 영역 샘플을 참조하십시오.