Discussion :

[Bastoktok]

Bonjour, j'ai un problème sans doute idiot, mais après pas mal de recherche j'ai rien trouvé sur le sujet.

En gros, je veux dessiner sur une image.

J'ai d'un coté ça :

Code :

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

1
2
var aUI:UIComponent = new UIComponent();
img.addChild(aUI);

et de l'autre ma fonction de dessin

Code :

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

1
2
3
4
5
 
aUI.graphics.clear();
aUI.graphics.lineStyle(1, 0x000000);
aUI.graphics.moveTo(0, 0);
aUI.graphics.lineTo(1000,1000);

Sachant que je charge une image dans mon composant img, tout marche très bien.
Sauf que, là le trait dépasse de l'image.
J'ai essayer de fixer le Width/Height du UIComponent, rien ne marche.

Et comme un petit schéma vaut mieux qu'un grand dessin
Ce que ça fait


Ce que je veux


Merci d'avance

[Jim_Nastiq]

Salut,

en fait tu utilises l'api de "drawing" et cela ne déclenche le refresh des mesures des composants UIComponent (measurement). Les composants Flex utilise le "clipping" mais uniquement quand les mesures déclarent un changement.

Donc la solution est, je pense, de passer par un mask.

[Bastoktok]

Merci c'est exactement ça qu'il me fallait.
Avec les bons mots clé, tout de suite c'est plus simple

Pour ceux qui rencontreraient le même problème, voilà la solution

Code :

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

1
2
3
4
5
6
7
var mask:UIComponent = new UIComponent();
mask.graphics.beginFill(0,1);
mask.graphics.drawRect(0,0,img.width,img.height);
mask.graphics.endFill();
 
img.mask = mask;
img.addChild(mask);