Udostępnij za pośrednictwem

Jak przesunąć element

  • Artykuł

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

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

X Użyj właściwości , TranslateTransform aby określić ilość w pikselach, aby przenieść element wzdłuż osi x. Y Użyj właściwości , aby określić ilość w pikselach, aby przenieść element wzdłuż osi y. Na koniec zastosuj element TranslateTransform do RenderTransform właściwości 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 zapoznać się z kompletnym przykładem, zobacz Przykład przekształcenia 2D.

Zobacz też