방법: 요소 변환

  • 아티클

업데이트: 2007년 11월

이 예제에서는 TranslateTransform을 사용하여 요소를 변환(이동)하는 방법을 보여 줍니다.

TranslateTransform 클래스는 절대 위치 지정을 지원하지 않는 패널 내에서 요소를 이동하려는 경우 특히 유용합니다. 예를 들어 요소의 RenderTransform 속성에 TranslateTransform을 적용하여 StackPanel 또는 DockPanel 내에서 요소를 이동할 수 있습니다.

TranslateTransform의 X 속성을 사용하여 x축을 따라 요소를 이동할 거리를 픽셀로 지정합니다. Y 속성을 사용하여 y축을 따라 요소를 이동할 거리를 픽셀로 지정합니다. 마지막으로 요소의 RenderTransform 속성에 TranslateTransform을 적용합니다.

다음 예제에서는 TranslateTransform을 사용하여 오른쪽과 아래쪽으로 각각 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 개요