共用方式為

操作說明：在事件發生時套用轉換至元素

  • 發行項

此範例示範如何在事件發生時套用 ScaleTransform。 這裡所示範的概念，與您用來套用其他類型轉換的概念相同。 如需關於可用的轉換類型的詳細資訊，請參閱 Transform 類別或轉換概觀。

您可以透過下列兩種方式其中之一，將轉換套用至元素：

  • 如果您不想要轉換影響版面配置，請使用元素的 RenderTransform 屬性。

  • 如果您想要轉換影響版面配置，請使用元素的 LayoutTransform 屬性。

下列範例將 ScaleTransform 套用至 A 按鍵的 RenderTransform 屬性。 當滑鼠移至按鈕上方時，ScaleX 的 ScaleY 和 ScaleTransform 屬性會設定為 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

另請參閱