Поделиться через

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

  • Статья

Обновлен: Ноябрь 2007

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

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

Свойство X из TranslateTransform используется для того, чтобы задать интервал в точках и переместить элемент вдоль оси x. Свойство 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>

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

См. также

Основные понятия

Общие сведения о классах Transform