Skip to main content
Обрезка в WPF
Рейтинг 

Автор: Raj Kumar (Радж Кумар)

Свойство Clip элемента (определенное в классе UIElement) используется, чтобы обрезать область и представить геометрию, определяющую содержимое элемента.

Свойство Clip принимает объекты типа Geometry, которые могут быть линией, прямоугольником, эллипсом или геометрической группой.

В следующем фрагменте XAML-кода для отображения изображения используется объект Image.

<Image Source="Raj 059.JPG"
Width="300"
Height="300">
</Image>

Результат выглядит, как показано на рис. 1.

Рис 1.

XAML-код в примере кода 1 задает для свойства Image.Clip значение EllipseGeometry и устанавливает свойства RadiusX, RadiusY и Center геометрического объекта.

<Image Source="Raj 059.JPG" Width="300" Height="300">
  <Image.Clip>
    <EllipseGeometry
        RadiusX="100"
          RadiusY="100"
            Center="120,120"/>
  </Image.Clip>
</Image>

Теперь результат выглядит так, как показано на рис. 2.

Рис 2. Обрезанное изображение

Так как свойство Clip определено в классе UIElement, оно может быть использовано для любого элемента. Например, следующий код создает прямоугольник, выглядящий так, как показано на рис. 3.

<Rectangle Width="300" Height="200"  
Stroke="Red"
StrokeThickness="4"  
Fill="Green">
</Rectangle>

Рис. 3. Прямоугольник

Теперь можно применить обрезание к прямоугольнику, и результат использования следующего кода будет выглядеть так, как показано на рис. 4.

<Rectangle Width="300" Height="200" 
 Stroke="Red"
       StrokeThickness="4"  
 Fill="Green">
  <Rectangle.Clip>
    <EllipseGeometry  
        RadiusX="150" 
        RadiusY="100" 
        Center="150,100"/>
  </Rectangle.Clip>
</Rectangle>

Рис. 4. Обрезанный прямоугольник

Для получения дополнительных сведений загрузите вложенное приложение.

Материалы по платформе

Материалы по темам