Практическое руководство. Смещение элемента

  • Статья

В этом примере показано, как сделать так, чтобы элемент перемещался (двигался), с помощью TranslateTransform.

Класс TranslateTransform особенно полезен при перемещении элементов внутри панелей, которые не поддерживают абсолютное позиционирование. Например, применяя TranslateTransform к свойству RenderTransform элемента, можно переместить элемент внутри StackPanel или DockPanel.

Используйте свойство XTranslateTransform для указания количества пикселей для перемещения элемента по оси Х. Используйте свойство Y для указания количества пикселей для перемещения элемента по оси Y. Наконец, примените TranslateTransform к свойству RenderTransform элемента.

В следующем примере используется TranslateTransform для перемещения элемента на 50 пикселей вправо и на 50 пикселей вниз.

Пример

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

Полный пример см. на странице примера двумерного преобразования.

См. также