Condividi tramite


Procedura: creare un'area di ritaglio

Aggiornamento: novembre 2007

In questo esempio viene illustrato come definire un’area Clip di un elemento del framework Per definire un clip, utilizzare Geometry (ad esempio, EllipseGeometry) per impostare la proprietà Clip dell'elemento. Sarà visibile solo la parte contenuta nell’area della geometria.

Esempio

Nell'esempio riportato di seguito viene illustrato un elemento Image senza un'area di ritaglio definita. Poiché non è stata definita alcuna area di ritaglio, verrà visualizzata l'immagine intera.

<Image Source="sampleImages\Waterlilies.jpg" 
  Width="200" Height="150" HorizontalAlignment="Left" />

Immagie senza area di ritaglio

Oggetto prima dell'applicazione di un'area di ritaglio

Nell’esempio successivo, viene creata un’immagine identica, che però presenta un'area di ritaglio definita. Verrà visualizzata solo la parte dell'immagine contenuta nell'area di EllipseGeometry.

<Image 
  Source="sampleImages\Waterlilies.jpg" 
  Width="200" Height="150" HorizontalAlignment="Left">
  <Image.Clip>
    <EllipseGeometry
      RadiusX="100"
      RadiusY="75"
      Center="100,75"/>
  </Image.Clip>
</Image>

Immagine con un’area di ritaglio ellittica

Oggetto ritagliato

Vedere anche

Attività

Procedura: ritagliare un'immagine