方法: 要素を変換する

この例では、TranslateTransformを使用して要素を変換 (移動) する方法を示します。

TranslateTransform クラスは、絶対配置をサポートしていないパネル内の要素を移動する場合に特に便利です。 たとえば、要素の RenderTransform プロパティに TranslateTransform を適用すると、StackPanel または DockPanel内で要素を移動できます。

要素を x 軸に沿って移動する量をピクセル単位で指定するには、TranslateTransform の X プロパティを使用します。 Y プロパティを使用して、要素を y 軸に沿って移動する量をピクセル単位で指定します。 最後に、要素の RenderTransform プロパティに TranslateTransform を適用します。

次の例では、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 Transforms Sample」を参照してください。

参照

• 変換の概要