Discussion :

[DotNET74]

Hello,

là je bloque...........

j'ai un contrôle image dans une Grille. Dans ce contrôle image je place l'image sélectionné par l'utilisateur.

Si cette image a une largeur supérieur à la largeur de l'écran en mode portrait je veux la tourner et la mettre en vertical.

le problème c'est que les transformations rogne l'image en fait !

dèc qu'on tourne l'image et qu'on fait une translation pour la ramener au bon endroit en fait l'image est rogner !

donc si on la tourne de 90° (ce qu'il faut en fait) on se retrouve avec une image vide pour effectuer la translation !!!

Comment faut il faire ?

Merci

[tomlev]

Pas besoin de translation, il faut juste indiquer que la rotation se fait autour du centre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<Image Source="..." RenderTransformOrigin="0.5, 0.5">
    <Image.RenderTransform>
        <RotateTransform Angle="90" />
    </Image.RenderTransform>
</Image>

[DotNET74]

Merci,

mais si tu imagines une image qui fait 800x600.

elle est positionné en 0,0 du contrôle Image qui lui fait 480x800 (Ecran en mode portrait).

Avec la propriété Stretch à None l'image dépasse donc..... et son centre n'est pas dans l'écran. Et lorsque tu fait une transformation de rotation ton image se décale.......

c'est là, le problème

[DotNET74]

Autre question,

ces transformations se font sur le contrôle ou le Content du contrôle ?

je m'exlique, dans le cas de mon contrôle Image, il a 480x800 et en mode portrait.

si je fais une transformation de rotation par exemple, que se passe t il ?

c'est contrôle Image qui tourne ou l'image qu'il contient ?

[Skyounet]

C'est le contrôle.

[Samuel Blanchard]

mais si tu imagines une image qui fait 800x600.

elle est positionné en 0,0 du contrôle Image qui lui fait 480x800 (Ecran en mode portrait).

Avec la propriété Stretch à None l'image dépasse donc..... et son centre n'est pas dans l'écran. Et lorsque tu fait une transformation de rotation ton image se décale.......

Avec le RenderTransformOrigin à "0.5, 0.5" comme l'a fait TomLev, il ne devrait pas y avoir de problème de centrage ou alors j'ai mal compris quelque chose.

[DotNET74]

Je suis d'accord....

Mais si ton RenderOrigin est à 0.5 0.5 (je suppose que c'est le centre de l'image, lorsque tu tournes l'image certaines parties se retrouvent en dehors de l'écran !

[Samuel Blanchard]

En fait cela vient bien de ton RenderTransformOrigin.

Pour bien comprendre le RenderTransformOrigin, il faut se representer ton image comme si elle faisait une taille de 1x1 cm. si tu veux la faire tourner à partir du centre, tu prendre le point situé à (0.5,0.5). si tu veux la faire tourner en haut à gauche tu prend le point (0,0), en bas à droite (1,1), etc...

Si ton écran est plus petit que ton image, il faut trouver le bon ratio.
Ici une rotation centré par rapport à l'écran selon la taille de ton image.

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
double renderTransformOriginX = (longueur de l'écran / longueur de l'image) / 2;
double renderTransformOriginY = (largeur de l'écran / largeur de l'image) / 2;

[DotNET74]

Ok,

c'est plus clair là.

Je suppose que ce raisonnement s'applique également à une translation ?

Merci

[Samuel Blanchard]

A toutes transformations (de RenderTransform)

[DotNET74]

Ok,

Donc si j'ai bien compris, dans le cas d'une translation obtenu par le glissement du doigt sur l'écran, il est préférable de redéfinir le RenderOrigin systématiquement au point de contact du doigt?

Merci

[Samuel Blanchard]

Dans l'idée oui ou. Tu peux utiliser CenterX & CenterY d'un CompositeTransform ou d'un TranslateTransform.

Si tu veux faire de la Rotation, Scale sur une Image en utilsant les doigts tu peux regarder l'evenement Pinch du GestureListener:

http://www.pitorque.de/MisterGoodcat...re-Sample.aspx