Les transformations en WPF – ScaleTransform18 janvier 2012

Dans ce nouveau chapitre sur les transformations WPF, je vous présente la transformation d’échelle. Cette fois-ci la transformation ScaleTransform permet de changer l’ensemble des dimensions du contrôle sur lequel elle est appliquée.

Les propriétés permettant d’influer sur la transformation ScaleTransform sont les suivantes :

• ScaleX – Modifie l’échelle des dimensions relatives à l’axe X.
• ScaleY – Modifie l’échelle des dimensions relatives à l’axe Y.
• CenterX – Effectue une translation horizontale du contrôle (si > 0, translation vers la gauche de la moitié de la valeur de CenterX en pixels).
• CenterY – Effectue une translation verticale du contrôle (si > 0, translation vers le bas de la moitié de la valeur de CenterY en pixels).

Définir une transformation ScaleTransform avec ScaleX à 0.5 et ScaleY à 0.5 revient à diviser par 2 l’ensemble des dimensions du contrôle visé.

Code XAML

<Grid>
    <Button Opacity="0.3">Click me !</Button>

    <Button Opacity="0.5" Content="Click me !">
        <Button.RenderTransform>
            <ScaleTransform ScaleX="0.5" ScaleY="3.5"  />
        </Button.RenderTransform>
    </Button>

    <Button Opacity="0.7" Content="Click me !">
        <Button.RenderTransform>
            <ScaleTransform ScaleX="1.7" ScaleY="0.3" CenterX="75" CenterY="-50" />
        </Button.RenderTransform>
    </Button>
</Grid>

Rendu visuel

Liens et téléchargements

Projet des examples : Les transformations WPF - Exemples (30)

Vue d’ensemble des transformations – MSDN Microsoft