Sdílet prostřednictvím

Postupy: Překlad elementu

  • Článek

Tento příklad ukazuje, jak přeložit (přesunout) prvek pomocí TranslateTransform.

Třída TranslateTransform je zvláště užitečná pro přesouvání prvků uvnitř panelů, které nepodporují absolutní umístění. Například použitím TranslateTransform na RenderTransform vlastnost prvku můžete přesunout prvek v rámci StackPanel nebo DockPanel.

Pomocí vlastnosti XTranslateTransform určete velikost v pixelech pro posunutí prvku po x-ové ose. Pomocí vlastnosti Y určete množství v pixelech a přesuňte prvek podél osy y. Nakonec použijte TranslateTransform na vlastnost RenderTransform prvku.

Následující příklad používá TranslateTransform k přesunutí prvku o 50 pixelů doprava a o 50 pixelů dolů.

Příklad

<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>

Kompletní ukázku najdete v tématu ukázky 2D transformací.

Viz také