Les transformations en WPF – TranslateTrans...18 janvier 2012

Parmi l’ensemble des transformations possibles en WPF, la translation est la plus simple à appréhender. TranslateTransform d’effectuer un décalage horizontal et/ou vertical du contrôle sur lequel elle s’applique.

Cette transformation est paramétrable via ces deux seuls propriétés :

• X – Décale le contrôle de X pixels horizontalement (si > 0, vers la droite, sinon vers la gauche).
• Y – Décale le contrôle de Y pixels verticalement (si > 0, vers le bas, sinon vers le haut).

Code XAML

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

    <Button Opacity="0.5" Content="Click me !">
        <Button.RenderTransform>
            <TranslateTransform X="25" Y="30" />
        </Button.RenderTransform>
    </Button>

    <Button Opacity="0.7" Content="Click me !">
        <Button.RenderTransform>
            <TranslateTransform Y="-50" />
        </Button.RenderTransform>
    </Button>
</Grid>

Rendu visuel