共用方式為


HOW TO:在事件發生時套用轉換至項目

本範例說明如何在發生事件時套用 ScaleTransform。 此處顯示的概念與您用於套用其他類型之轉換的概念相同。 如需可用轉換類型的詳細資訊,請參閱 Transform 類別或轉換概觀

您可以使用任何一種方法將轉換套用到項目:

  • 如果您不想轉換效果版面配置,請使用該項目的 RenderTransform 屬性。

  • 如果您想轉換效果版面配置,請使用該項目的 LayoutTransform 屬性。

下列範例會透過將 ScaleTransform 套用至按鈕的 RenderTransform 類別。 當滑鼠移過按鈕上時,ScaleX,且 ScaleTransformScaleY 屬性會設定為 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;
  }
}

請參閱

參考

Transform

ScaleTransform

概念

轉換概觀

路由事件概觀

其他資源

轉換 HOW TO 主題