Partager via

Comment : traduire un élément

  • Article

Cet exemple montre comment traduire (déplacer) un élément à l’aide d’un TranslateTransform.

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

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

L’exemple suivant utilise un TranslateTransform élément de 50 pixels vers la droite et 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 obtenir l’exemple complet, consultez l’exemple de transformations 2D.

Voir aussi