다음을 통해 공유

방법: 이벤트가 발생할 때 요소에 변환 적용

  • 아티클

업데이트: 2007년 11월

이 예제에서는 이벤트가 발생할 때 ScaleTransform을 적용하는 방법을 보여 줍니다. 여기에서 보여 주는 개념은 다른 형식의 변환을 적용할 때 사용하는 개념과 동일합니다. 사용 가능한 변환 형식에 대한 자세한 내용은 Transform 클래스 또는 Transform 개요를 참조하십시오.

다음 두 가지 방법 중 하나를 사용하여 요소에 변환을 적용할 수 있습니다.

  • 레이아웃에 변환을 적용하지않으려면 요소의 RenderTransform 속성을 사용합니다.

  • 레이아웃에 변환을 적용하려면 요소의 LayoutTransform 속성을 사용합니다.

다음 예제에서는 단추의 RenderTransform 속성에 ScaleTransform을 적용합니다. 마우스를 단추 위로 이동하면 ScaleTransform의 ScaleX 및 ScaleY 속성이 2로 설정되어 단추가 더 커집니다. 마우스를 단추 바깥쪽으로 이동하면 ScaleX 및 ScaleY 속성이 1로 설정되어 단추가 원래 크기로 돌아갑니다.

예제

<Page  xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="TransformExample"
  WindowTitle="Transform on Mouse Enter Example">
  <Canvas Width="400" Height="400">

    <Button Name="Button1" MouseEnter="Enter" MouseLeave="Leave">
      <Button.RenderTransform>
        <ScaleTransform x:Name="myScaleTransform" ScaleX="1" ScaleY="1" />
      </Button.RenderTransform>
      Button
    </Button>

    <x:Code>
    <![CDATA[
      Private Sub Enter(ByVal sender as object, ByVal args as System.Windows.Input.MouseEventArgs)
        myScaleTransform.ScaleX = 2
        myScaleTransform.ScaleY = 2
      End Sub

      Private Sub Leave(ByVal sender as object, ByVal e as System.Windows.Input.MouseEventArgs)
        myScaleTransform.ScaleX = 1
        myScaleTransform.ScaleY = 1
      End Sub

    ]]>
    </x:Code>

  </Canvas>
</Page>

참고 항목

개념

Transform 개요

라우트된 이벤트 개요

참조

Transform

ScaleTransform

기타 리소스

변환 방법 항목