Поделиться через

Практическое руководство. Применение преобразования к элементу при возникновении события

  • Статья

В этом примере показано, как применить ScaleTransform при возникновении события. Показанный подход аналогичен тому, который используется при применении других типов преобразований. Дополнительные сведения о доступных типах преобразований см. в описании класса Transform или в разделе Общие сведения о преобразованиях.

Преобразование можно применить к элементу любым из двух следующих способов:

  • Если вы не хотите, чтобы трансформация влияла на макет, используйте свойство RenderTransform элемента.

  • Если вы хотите, чтобы трансформация влияла на макет, используйте свойство LayoutTransform элемента.

В следующем примере ScaleTransform применяется к свойству RenderTransform кнопки. Когда мы наводим курсор мыши на кнопку, свойствам ScaleX и ScaleYScaleTransform задается значение 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

См. также