Partilhar via


Como: Apply a LayoutTransform to an Element

Exemplo

Este exemplo mostra como aplicar um LayoutTransform a um elemento. O exemplo cria uma instância de Button e hospeda-a em um Grid pai. O exemplo também usa a propriedade LayoutTransform para aplicar uma RotateTransform no Button.

Observação sobre desempenho: Antes de usar LayoutTransform, certifique-se de entender como os esta propriedade pode afetar o desempenho.

LayoutTransform pode levar a um desempenho ruim do aplicativo se você chamá-lo em um cenário que não requer uma passagem completa pelo sistema de layout. Quando você aplica um LayoutTransform à coleção Children do Panel, ele dispara uma nova passagem pelo sistema de layout e força todos os objetos na tela a serem remedidos e reorganizados. Se você estiver atualizando a interface do usuário (UI) completa do aplicativo, essa funcionalidade pode ser exatamente o que você precisa. No entanto, se você não precisa de uma passagem completa de layout, use a propriedade RenderTransform, que não chama o sistema de layout e portanto, é normalmente uma melhor opção para esse cenário.

Dim btn2 As New Button()
btn2.Background = Brushes.LightCoral
btn2.Content = "RotateTransform"
btn2.LayoutTransform = New RotateTransform(45, 25, 25)
Grid.SetRow(btn2, 0)
Grid.SetColumn(btn2, 1)
grid1.Children.Add(btn2)

Button btn2 = new Button();
btn2.Background = Brushes.LightCoral;
btn2.Content = "RotateTransform";
btn2.LayoutTransform = new RotateTransform(45, 25, 25);
Grid.SetRow(btn2, 0);
Grid.SetColumn(btn2, 1);
grid1.Children.Add(btn2);

<Button Grid.Row="0" Grid.Column="1" Background="LightCoral" Content="RotateTransform Applied">
  <Button.LayoutTransform>
    <RotateTransform CenterX="25" CenterY="25" Angle="45" />
  </Button.LayoutTransform>
</Button>

Para o exemplo completo, que mostra cada uma das transformações de layout disponíveis, consulte ParaplicParar um LParayoutTrParansform Para um exemplo de elemenPara.

Consulte também

Tarefas

ParaplicParar um LParayoutTrParansform Para um exemplo de elemenPara

Exemplo de transformações 2-D

Conceitos

Visão Geral sobre Transformações

Referência

LayoutTransform