如何：平移元素

更新：2007 年 11 月

此示例演示如何通过使用 TranslateTransform 平移（移动）元素。

TranslateTransform 类对移动不支持绝对定位的面板内的元素特别有用。例如，通过将 TranslateTransform 应用到元素的 RenderTransform 属性，可以移动 StackPanel 或 DockPanel 内的元素。

使用 TranslateTransform 的 X 属性指定将元素沿 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>

有关完整示例，请参见 二维转换示例。

请参见

概念

变换概述