방법: 요소 변환

이 예제에서는 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>

전체 샘플을 보려면 2차원 변환 샘플을 참조하세요.

참고 항목

• Transform 개요