共用方式為

操作說明：平移元素

  • 發行項

此範例示範如何使用 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 轉換範例。

另請參閱