Procedura: ruotare un oggetto
Aggiornamento: novembre 2007
In questo esempio viene illustrato come ruotare un oggetto. Viene innanzitutto creato un oggetto RotateTransform e quindi si specifica il relativo valore Angle in gradi.
Nell'esempio seguente un oggetto Polyline viene ruotato di 45 gradi intorno all'angolo superiore sinistro.
Esempio
<Canvas Height="200" Width="200">
<!-- Rotates the Polyline 45 degrees about the point (0,0). -->
<Polyline Points="25,25 0,50 25,75 50,50 25,25 25,0"
Stroke="Blue" StrokeThickness="10"
Canvas.Left="75" Canvas.Top="50">
<Polyline.RenderTransform>
<RotateTransform CenterX="0" CenterY="0" Angle="45" />
</Polyline.RenderTransform>
</Polyline>
</Canvas>
// Create a Polyline.
Polyline polyline1 = new Polyline();
polyline1.Points.Add(new Point(25, 25));
polyline1.Points.Add(new Point(0, 50));
polyline1.Points.Add(new Point(25, 75));
polyline1.Points.Add(new Point(50, 50));
polyline1.Points.Add(new Point(25, 25));
polyline1.Points.Add(new Point(25, 0));
polyline1.Stroke = Brushes.Blue;
polyline1.StrokeThickness = 10;
// Create a RotateTransform to rotate
// the Polyline 45 degrees about its
// top-left corner.
RotateTransform rotateTransform1 =
new RotateTransform(45);
polyline1.RenderTransform = rotateTransform1;
// Create a Canvas to contain the Polyline.
Canvas canvas1 = new Canvas();
canvas1.Width = 200;
canvas1.Height = 200;
Canvas.SetLeft(polyline1, 75);
Canvas.SetTop(polyline1, 50);
canvas1.Children.Add(polyline1);
Le proprietà CenterX e CenterY di RotateTransform specificano il punto intorno al quale viene ruotato l'oggetto. Questo punto centrale è espresso nello spazio delle coordinate dell'elemento trasformato. Per impostazione predefinita, la rotazione viene applicata in corrispondenza di (0,0), che è l'angolo superiore sinistro dell'oggetto da trasformare.
Nell'esempio seguente viene ruotato un oggetto Polyline di 45 gradi in senso orario intorno al punto (25,50).
<Canvas Height="200" Width="200">
<!-- Rotates the Polyline 45 degrees about the point (25,50). -->
<Polyline Points="25,25 0,50 25,75 50,50 25,25 25,0"
Stroke="Blue" StrokeThickness="10"
Canvas.Left="75" Canvas.Top="50">
<Polyline.RenderTransform>
<RotateTransform CenterX="25" CenterY="50" Angle="45" />
</Polyline.RenderTransform>
</Polyline>
</Canvas>
// Create a Polyline.
Polyline polyline2 = new Polyline();
polyline2.Points = polyline1.Points;
polyline2.Stroke = Brushes.Blue;
polyline2.StrokeThickness = 10;
// Create a RotateTransform to rotate
// the Polyline 45 degrees about the
// point (25,50).
RotateTransform rotateTransform2 =
new RotateTransform(45);
rotateTransform2.CenterX = 25;
rotateTransform2.CenterY = 50;
polyline2.RenderTransform = rotateTransform2;
// Create a Canvas to contain the Polyline.
Canvas canvas2 = new Canvas();
canvas2.Width = 200;
canvas2.Height = 200;
Canvas.SetLeft(polyline2, 75);
Canvas.SetTop(polyline2, 50);
canvas2.Children.Add(polyline2);
Nell'immagine seguente sono illustrati i risultati dell'applicazione di Transform ai due oggetti.
Due oggetti che ruotano di 45 gradi rispetto a centri rotazionali diversi
.gif)
L'oggetto Polyline negli esempi precedenti è UIElement. Quando si applica Transform alla proprietà RenderTransform di un oggetto UIElement, è possibile utilizzare la proprietà RenderTransformOrigin per specificare un'origine per ogni Transform che si applica all'elemento. Poiché la proprietà RenderTransformOrigin utilizza coordinate relative, è possibile applicare una trasformazione al centro dell'elemento anche se non se ne conoscono le dimensioni. Per ulteriori informazioni e un esempio, vedere Procedura: specificare l'origine di una trasformazione utilizzando valori relativi.
Per l'esempio completo, vedere Esempio di trasformazioni bidimensionali.
Vedere anche
Concetti
Cenni preliminari sulle trasformazioni