Como: Criar uma região Clip

  • Artigo

Este exemplo mostra como definir uma região Clip do elemento de framework. Para definir um Clip, use um Geometry (por exemplo, um EllipseGeometry para definir a propriedade Clip do elemento. Somente a área que está dentro da região da geometria estará visível.

Exemplo

O exemplo a seguir mostra um elemento Image sem uma região clip definida. Já que nenhuma região clip está definida, a imagem inteira é exibida.

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

Imagem com nenhuma área clip

Um objeto antes da aplicação de uma região de recorte

No próximo exemplo, uma imagem idêntica é criada, exceto pelo fato de que ela tem uma região clip definida. Somente a parte da imagem que estiver dentro da área da EllipseGeometry será exibida.

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

Imagem com uma Elliptical Clip Region

Um objeto recortado

Consulte também

Tarefas

Como: Recortar uma imagem