Cómo: Aplicar LayoutTransform a un elemento

Actualización: noviembre 2007

Ejemplo

En este ejemplo se muestra cómo aplicar LayoutTransform a un elemento. En el ejemplo se crea una instancia de Button y se la hospeda en un control Grid primario. También se utiliza la propiedad LayoutTransform para aplicar RotateTransform al control Button.

Nota sobre rendimiento: antes de utilizar LayoutTransform, asegúrese de entender cómo puede afectar esta propiedad al rendimiento.

LayoutTransform puede dar lugar a un rendimiento insuficiente de la aplicación si se invoca en un escenario en el que el sistema de diseño no exige un recorrido completo. Cuando se aplica LayoutTransform a la colección Children de Panel, desencadena un nuevo recorrido por parte del sistema de diseño y obliga a repetir la medición y organización de todos los objetos de la pantalla. Si está actualizando la interfaz de usuario (UI) de la aplicación completa, esta funcionalidad podría ser exactamente lo que necesita. Sin embargo, si no necesita un recorrido completo del diseño, utilice la propiedad RenderTransform, que no invoca al sistema de diseño y, por consiguiente, suele ser una opción más acertada para este escenario.

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 obtener el ejemplo completo, que muestra cada una de las transformaciones de diseño disponibles, vea Ejemplo Applying a LayoutTransform to an Element.

Vea también

Tareas

Ejemplo Applying a LayoutTransform to an Element

Ejemplo 2-D Transforms

Conceptos

Información general sobre transformaciones

Referencia

LayoutTransform