방법: 이벤트가 발생할 때 요소에 변환 적용
이 예제에서는 이벤트가 발생할 때 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="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>
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
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;
}
}