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

  • 아티클

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

다음 두 가지 방법으로 요소에 변환을 적용할 수 있습니다.

  • 변환이 레이아웃에 영향을 미치지 않도록 하려는 경우 요소의 RenderTransform 속성을 사용합니다.

  • 변환이 레이아웃에 영향을 미치도록 하려는 경우 요소의 LayoutTransform 속성을 사용합니다.

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

예제

<Page  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="WCSample.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>


  </Canvas>
</Page>

public partial class TransformExample : Page {
  private void Enter(object sender, MouseEventArgs args) {
      myScaleTransform.ScaleX = 2;
      myScaleTransform.ScaleY = 2;
  }

  private void Leave(object sender, MouseEventArgs args) {
      myScaleTransform.ScaleX = 1;
      myScaleTransform.ScaleY = 1;
  }
}

Partial Public Class TransformExample
    Inherits Page
    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
End Class

참고 항목