Un conseil pour «casser» un objet hors de sa disposition dans Flex - à des fins d'animation?

Question

Si j'ai un objet dans une mise en page dans Flex, quel est un bon moyen de le «décomposer» pour pouvoir l'animer?

Par exemple, j'ai une image et une légende disposée en biais. Je veux faire un "zoom arrière" de l'image lorsque la souris le survole. Puisque son contenu dans un conteneur de mise en page est actif si je devais le redimensionner, il est évident qu'il se déplacerait tout le reste.

Je ne pense pas que je peux réaliser ce que je veux en réglant simplement includeinlayout=false.

Une expérience avec les meilleures pratiques à ce sujet? La meilleure idée que je me pose est de rendre l'image invisible et de créer une autre image au même endroit en utilisant les fonctions de conversion de coordonnées de l'écran. Ce jsut semes maladroit

Answer 1

Enveloppez votre objet dans un canevas de taille fixe afin que la mise en page en amont reste la même. Positionnez ensuite l'objet manuellement dans ce conteneur, puis définissez includeInLayout sur false. À ce stade, vous pouvez faire ce que vous voulez avec l'objet intérieur. Oh, définissez également clipContent sur false. Cela devrait fonctionner si vous voulez qu'il grandisse ou rétrécisse.

S'il s'agit d'un itemrenderer ou d'un objet que vous avez enveloppé dans une classe, vous pouvez gérer tout cela dans la définition de classe et le rendre transparent pour les utilisateurs de l'objet. Vous seriez également capable d'écrire une fonction mouseOver qui a fait ce que vous vouliez avec l'objet d'intérieur qui devrait zoomer.