Gewusst wie: Erstellen eines Clip-Bereichs

  • Artikel

Dieses Beispiel zeigt, wie Sie den Clip-Bereich eines Frameworkelements definieren. Zur Definition eines Clips verwenden Sie eine Geometry (z. B. EllipseGeometry), um die Clip-Eigenschaft des Elements festzulegen. Nur der Teil innerhalb des Geometriebereichs ist sichtbar.

Beispiel

Im folgenden Beispiel wird ein Image-Element ohne einen definierten Clip-Bereich gezeigt. Da kein Clip-Bereich definiert ist, wird das ganze Bild angezeigt.

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

Bild ohne Clip-Bereich

Ein Objekt vor dem Anwenden eines Clippingbereichs

Im nächsten Beispiel wird dasselbe Bild mit einem definierten Clip-Bereich erstellt. Es wird nur der Teil des Bilds angezeigt, der innerhalb des Bereichs der EllipseGeometry liegt.

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

Bild mit einem elliptischen Clip-Bereich

Ein abgeschnittenes Objekt

Siehe auch

Aufgaben

Gewusst wie: Zuschneiden eines Bilds