方法: 要素を変換する

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

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

要素を 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>

サンプル全体については、「2D 変換のサンプル」をご覧ください。

関連項目

• 変換の概要