Share via


方法 : 要素を変換する

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

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

x 軸方向の要素の移動量 (ピクセル単位) を指定するには、TranslateTransformX プロパティを使用します。 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>

サンプル全体については、2-D 変換のサンプルを参照してください。

参照

概念

変換の概要