如何:转换元素

此示例演示如何使用 TranslateTransform 移动元素。

TranslateTransform 类对于在不支持绝对定位的面板内移动元素特别有用。 例如,通过将TranslateTransform应用于元素的RenderTransform属性,可以在StackPanelDockPanel中移动一个元素。

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

有关完整示例,请参阅 二维转换示例

另请参阅