le 03 avril 2009 par Julien Lestel 
Parfois, les éléments de nos applications Flex doivent pouvoir être tournés grâce à une rotation. Le centre de rotation en Flex est le coin en haut à gauche mais ce n’est pas out le temps l’idéal. En Flash, il y a la possibilité de choisir où mettre le centre de rotation … mais pas en Flex !
Pour dépasser cette limite en Flex, il existe différentes approches :
- Beaucoup de blogs reprennent la documentation Flex du Rotate et montrent comment l’utiliser.
- Pour faire une rotation avec n’importe quel centre de rotation, on peut utiliser la classe MatrixTransformer : Joel Connett a écrit un article complet sur le sujet ici.
- La solution de Chad est encore différente. Voici un exemple pour la tester :
Le code source est disponible ici.
Essayez en cliquant sur le boutton “show canvas”, vous allez voir un box qui se place en bas à droite du cercle en spirale. C’est uniquement un quart du cercle qui est dans le canvas. Le centre du cercle est placé dans le coin en haut à gauche du canvas. Le canvas va (par default) supprimer le contenu qui dépasse et, il existe une propriété nommée “clipContent”. Il faut la mettre à false et voila.
Cette méthode fonctionne avec Flex 2 et Flex 3.
Source : Blog de Chad
N'oubliez pas que vous pouvez vous abonner à mon Twitter http://twitter.com/flexinfo ou au flux RSS ;)
Loading ...
Loading ...
avril 3rd, 2009 à 12 h 45 min
Hello,
Je m’étais pris sérieusement la tête avec la rotation dans Flex l’année dernière pour un composant : un bouton dont je voulais faire tourner l’icon sur les 3 axes. Ca a été impossible du fait d’une mauvaise gestion du clipContent de Flex (ou alors c’est moi qui n’ai pas su m’y prendre) et le bouton était redimensionné.
Je vais étudier tes liens pour voir si ça m’offre un angle d’attaque différent à ce problème
Merci
mars 25th, 2010 à 11 h 54 min
merci pour la propriété “clipContent” !! tu me sauve d’un code a rallonge
@Arnaud pour la rotation sur 3 axes :
http://blog.flexexamples.com/2008/10/13/3d-rotating-objects-in-flex-using-the-fxrotate3d-effect-and-flash-player-10/
mars 26th, 2010 à 0 h 04 min
Ha enfin un truc intelligent
J’ai fait pareil en espérant trouver autre chose, mais je crois qu’Adobe (une fois de plus …) n’a pas pensé à tout ….
mars 26th, 2010 à 1 h 12 min
Je crois qu’y en a qui vons m’aimer ce soir, aller je suis gentil, voici le code pour faire un effet Flip sur l’axe Y:
mars 26th, 2010 à 1 h 13 min
Ha dommage, ça passe pas