Partager via


Comment : appliquer un LayoutTransform à un élément

Mise à jour : novembre 2007

Exemple

Cet exemple montre comment appliquer un LayoutTransform à un élément. L'exemple crée une instance de Button et l'héberge dans une Grid parente. Il utilise également la propriété LayoutTransform pour appliquer un RotateTransform au Button.

Remarque sur les performances : avant d'utiliser LayoutTransform, assurez-vous de bien comprendre la manière dont cette propriété peut affecter les performances.

LayoutTransform peut entraîner des performances d'application médiocres si vous l'appelez dans un scénario qui ne requiert pas une passe entière par le système de disposition. Lorsque vous appliquez un LayoutTransform à la collection Children du Panel, cela déclenche une nouvelle passe par le système de disposition et oblige à remesurer et à réorganiser tous les objets affichés à l'écran. Si vous êtes en train de mettre à jour l'interface utilisateur (UI) de l'application complète, cette fonctionnalité correspond peut-être à ce dont vous avez besoin. Toutefois, si vous n'avez pas besoin d'une passe de disposition entière, utilisez la propriété RenderTransform, qui n'appelle pas le système de disposition et qui, par conséquent, est généralement un meilleur choix pour ce scénario.

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>

Pour l'exemple complet qui présente chacune des transformations de disposition disponibles, consultez Application d'un LayoutTransform à un élément, exemple.

Voir aussi

Tâches

Application d'un LayoutTransform à un élément, exemple

Transformations 2D, exemple

Concepts

Vue d'ensemble des transformations

Référence

LayoutTransform