Procedura: aggiungere un'animazione a un'area di ritaglio

Aggiornamento: novembre 2007

In questo esempio viene mostrato come aggiungere un'animazione all'area Clip di un elemento del framework Nell'esempio seguente, viene utilizzato un oggetto EllipseGeometry per definire un'area di ritaglio ellittica per un elemento Image. Un oggetto PointAnimation aggiunge un'animazione alla proprietà Center della geometria dell'ellisse da (0, 0) a (200, 150). La riproduzione dell'animazione inizia dopo il caricamento dell'immagine e si ripete a oltranza.

Esempio

<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> 

Per l'esempio completo, vedere Esempio di area di ritaglio.