Vorgehensweise: Transformieren eines Pinsels

In diesem Beispiel wird gezeigt, wie Brush-Objekte mit Hilfe ihrer beiden Transformationseigenschaften transformiert werden können: RelativeTransform und Transform.

In den folgenden Beispielen wird RotateTransform verwendet, um den Inhalt von ImageBrush um 45 Grad zu drehen.

Die folgende Abbildung zeigt die ImageBrush-Klasse ohne RotateTransform-Klasse, wobei die RotateTransform-Klasse auf die RelativeTransform-Eigenschaft und die RotateTransform-Klasse auf die Transform-Eigenschaft angewendet wird.

RelativeTransform- und Transform-Pinseleinstellungen

Beispiel

Im ersten Beispiel wird die RotateTransform-Klasse auf die RelativeTransform-Eigenschaft einer ImageBrush-Klasse angewendet. Die Eigenschaften CenterX und CenterY eines RotateTransform Objekts werden beide auf 0,5 festgelegt, was die relative Koordinate des Mittelpunkts dieses Inhalts ist. Infolgedessen dreht sich der ImageBrush-Inhalt um seinen Mittelpunkt.

//
// Create an ImageBrush with a relative transform and
// use it to paint a rectangle.
//
ImageBrush relativeTransformImageBrush = new ImageBrush();
relativeTransformImageBrush.ImageSource =
    new BitmapImage(new Uri(@"sampleImages\pinkcherries.jpg", UriKind.Relative));

// Create a 45 rotate transform about the brush's center
// and apply it to the brush's RelativeTransform property.
RotateTransform aRotateTransform = new RotateTransform();
aRotateTransform.CenterX = 0.5;
aRotateTransform.CenterY = 0.5;
aRotateTransform.Angle = 45;
relativeTransformImageBrush.RelativeTransform = aRotateTransform;

// Use the brush to paint a rectangle.
Rectangle relativeTransformImageBrushRectangle = new Rectangle();
relativeTransformImageBrushRectangle.Width = 175;
relativeTransformImageBrushRectangle.Height = 90;
relativeTransformImageBrushRectangle.Stroke = Brushes.Black;
relativeTransformImageBrushRectangle.Fill = relativeTransformImageBrush;


'
' Create an ImageBrush with a relative transform and
' use it to paint a rectangle.
'
Dim relativeTransformImageBrush As New ImageBrush()
relativeTransformImageBrush.ImageSource = New BitmapImage(New Uri("sampleImages\pinkcherries.jpg", UriKind.Relative))

' Create a 45 rotate transform about the brush's center
' and apply it to the brush's RelativeTransform property.
Dim aRotateTransform As New RotateTransform()
aRotateTransform.CenterX = 0.5
aRotateTransform.CenterY = 0.5
aRotateTransform.Angle = 45
relativeTransformImageBrush.RelativeTransform = aRotateTransform

' Use the brush to paint a rectangle.
Dim relativeTransformImageBrushRectangle As New Rectangle()
relativeTransformImageBrushRectangle.Width = 175
relativeTransformImageBrushRectangle.Height = 90
relativeTransformImageBrushRectangle.Stroke = Brushes.Black
relativeTransformImageBrushRectangle.Fill = relativeTransformImageBrush


<Rectangle Width="175" Height="90" Stroke="Black">
  <Rectangle.Fill>
    <ImageBrush ImageSource="sampleImages\pinkcherries.jpg">
      <ImageBrush.RelativeTransform>
        <RotateTransform CenterX="0.5" CenterY="0.5" Angle="45" />
      </ImageBrush.RelativeTransform>
    </ImageBrush>
  </Rectangle.Fill>
</Rectangle>

Das zweite Beispiel wendet auch eine RotateTransform-Klasse auf eine ImageBrush-Klasse an. In diesem Beispiel wird jedoch die Transform-Eigenschaft anstelle der RelativeTransform-Eigenschaft verwendet.

Um den Pinsel um seine Mitte zu drehen, setzt das Beispiel die Eigenschaften CenterX und CenterY des Objekts RotateTransform auf absolute Koordinaten. Da der Pinsel ein Rechteck mit 175 x 90 Pixeln zeichnet, lautet der Mittelpunkt des Rechtecks (87,5, 45).

//
// Create an ImageBrush with a transform and
// use it to paint a rectangle.
//
ImageBrush transformImageBrush = new ImageBrush();
transformImageBrush.ImageSource =
    new BitmapImage(new Uri(@"sampleImages\pinkcherries.jpg", UriKind.Relative));

// Create a 45 rotate transform about the brush's center
// and apply it to the brush's Transform property.
RotateTransform anotherRotateTransform = new RotateTransform();
anotherRotateTransform.CenterX = 87.5;
anotherRotateTransform.CenterY = 45;
anotherRotateTransform.Angle = 45;
transformImageBrush.Transform = anotherRotateTransform;

// Use the brush to paint a rectangle.
Rectangle transformImageBrushRectangle = new Rectangle();
transformImageBrushRectangle.Width = 175;
transformImageBrushRectangle.Height = 90;
transformImageBrushRectangle.Stroke = Brushes.Black;
transformImageBrushRectangle.Fill = transformImageBrush;


'
' Create an ImageBrush with a transform and
' use it to paint a rectangle.
'
Dim transformImageBrush As New ImageBrush()
transformImageBrush.ImageSource = New BitmapImage(New Uri("sampleImages\pinkcherries.jpg", UriKind.Relative))

' Create a 45 rotate transform about the brush's center
' and apply it to the brush's Transform property.
Dim anotherRotateTransform As New RotateTransform()
anotherRotateTransform.CenterX = 87.5
anotherRotateTransform.CenterY = 45
anotherRotateTransform.Angle = 45
transformImageBrush.Transform = anotherRotateTransform

' Use the brush to paint a rectangle.
Dim transformImageBrushRectangle As New Rectangle()
transformImageBrushRectangle.Width = 175
transformImageBrushRectangle.Height = 90
transformImageBrushRectangle.Stroke = Brushes.Black
transformImageBrushRectangle.Fill = transformImageBrush


<Rectangle Width="175" Height="90" Stroke="Black">
  <Rectangle.Fill>
    <ImageBrush ImageSource="sampleImages\pinkcherries.jpg">
      <ImageBrush.Transform>
        <RotateTransform CenterX="87.5" CenterY="45" Angle="45" />
      </ImageBrush.Transform>
    </ImageBrush>
  </Rectangle.Fill>
</Rectangle>

Eine Beschreibung der Funktionsweise der Eigenschaften RelativeTransform und Transform finden Sie in der Übersicht über die Pinseltransformation.

Das vollständige Beispiel finden Sie unter Beispiel für Pinsel. Weitere Informationen über Pinsel finden Sie unter Übersicht über das Zeichnen mit Volltonfarben und Farbverläufen.

Siehe auch

  • Last updated on