Partager via


Comment : traduire un élément

Cet exemple montre comment traduire (déplacer) un élément en utilisant un TranslateTransform.

La classe TranslateTransform est particulièrement utile pour déplacer des éléments à l'intérieur des panneaux qui ne prennent pas en charge le positionnement absolu. Par exemple, vous pouvez déplacer un élément dans un StackPanel ou un DockPanel en appliquant un TranslateTransform à la propriété RenderTransform d'un élément.

Utilisez la propriété X du TranslateTransform pour spécifier la quantité, en pixels, pour déplacer l'élément le long de l'axe x. Utilisez la propriété Y pour spécifier la quantité, en pixels, pour déplacer l'élément le long de l'axe y. Enfin, appliquez le TranslateTransform à la propriété RenderTransform de l'élément.

L'exemple suivant utilise un TranslateTransform pour déplacer un élément de 50 pixels vers la droite et de 50 pixels vers le bas.

Exemple

<Rectangle Height="50" Width="50" 
  Fill="#CCCCCCFF" Stroke="Blue" StrokeThickness="2"
  Canvas.Left="100" Canvas.Top="100">
  <Rectangle.RenderTransform>
    <TranslateTransform X="50" Y="50" />
  </Rectangle.RenderTransform>
</Rectangle>

Pour l'exemple complet, consultez Transformations 2D, exemple.

Voir aussi

Concepts

Vue d'ensemble des transformations