通过

如何：平移元素

  • 项目

此示例演示如何使用 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>

有关完整示例，请参阅 2D 转换示例。

另请参阅