Instrukcje: tłumaczenie elementu

W tym przykładzie pokazano, jak przetłumaczyć (przenieść) element przy użyciu elementu TranslateTransform.

Klasa TranslateTransform jest szczególnie przydatna do przenoszenia elementów wewnątrz paneli, które nie obsługują pozycjonowania bezwzględnego. Na przykład, stosując TranslateTransform na właściwości RenderTransform elementu, można przenieść element w elemencie StackPanel lub DockPanel.

Użyj właściwości XTranslateTransform do określenia ilości pikseli, o jaką należy przesunąć element wzdłuż osi x. Użyj właściwości Y, aby określić ilość pikseli, o którą należy przesunąć element wzdłuż osi y. Na koniec zastosuj TranslateTransform do właściwości RenderTransform elementu.

W poniższym przykładzie użyto elementu , TranslateTransform aby przenieść element 50 pikseli po prawej stronie i 50 pikseli w dół.

Przykład

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

Aby uzyskać kompletny przykład, zobacz Przykład przekształceń 2D.

Zobacz także

• Transformacje: Omówienie