Perte filtre avec BasicLayout

Bonjour,

j'ai 3 conteneurs SkinnableContainer utilisant tous le même skin. Dans ce skin, j'utilise entre autres un effet d'ombre portée avec DropShadowFilter. Ce filtre n'est malheureusement visible qu'avec un VerticalLayout ou un HorizontalLayout, pas avec un BasicLayout...:?

Quelqu'un saurait t-il pourquoi ?

Merci

Bon finalement, je n'ai pas trouvé de solution à ce que je considère être un bug flex, je suis passé par un verticalLayout à la place...

Finalement je me suis repenché un peu plus en profondeur sur le problème en simplifiant au maximum mes composants. J'ai recodé mon code afin de ne plus utiliser de skinnableContainer mais un navigatorContent (je croyais bêtement que le navigatorContent n'était pas un container :roll: ). Enfin bref, une fois ceci fait, j'avais toujours le même problème à savoir qu'en switchant sur mes onglets, je perdais mon ombre portée dessinée dans mon skin...

Or en testant de mettre les 2 même onglets dans ma tabBar, je n'avais plus le problème. J'en suis venu à la conclusion que si on utilisait un formulaire (mon cas) il faut absolument qu'il y ai un autre formulaire dans chacun des autres onglets sinon ca foire...C'est bête et méchant mais c'est comme ca :mrgreen:

Exemples :

Mon skin de mon navigatorContent :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49

<?xml version="1.0" encoding="utf-8"?> <s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx">   <fx:Metadata> [HostComponent("spark.components.NavigatorContent")] </fx:Metadata>   <s:states> <s:State name="normal"/> <s:State name="disabled"/> </s:states>   <s:Rect top="0" left="0" right="0" bottom="0" topRightRadiusX="12" bottomLeftRadiusX="12">   <s:stroke> <s:SolidColorStroke color="#000000" weight="1"/> </s:stroke>   <s:fill> <s:SolidColor color="0x000000" alpha="0.4"/> </s:fill>   <s:filters> <s:DropShadowFilter color="0x000000" distance="8" blurX="4" blurY="4" quality="15" alpha="0.8" angle="45"/> </s:filters>   </s:Rect>   <s:Group id="contentGroup" left="20" right="20" top="20" bottom="20">   <s:layout> <s:VerticalLayout/> </s:layout>   </s:Group>   </s:SparkSkin>

---

Cas 1 : un formulaire dans chaque onglet

Mon onglet "connexion"

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<?xml version="1.0" encoding="utf-8"?> <s:NavigatorContent xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:composants="classesAS.composants.*" skinClass="skins.MyNavigatorContentSkin">   <s:VGroup width="100%" horizontalAlign="center">   <mx:Form> <mx:FormItem> <s:Label text="connexion" /> </mx:FormItem> </mx:Form>   <s:Button label="Button"/> <s:Button label="Button2"/>   </s:VGroup>   </s:NavigatorContent>

---

Mon onglet "inscription"

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<?xml version="1.0" encoding="utf-8"?> <s:NavigatorContent xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:composants="classesAS.composants.*" skinClass="skins.MyNavigatorContentSkin">   <s:VGroup width="100%" horizontalAlign="center">   <mx:Form> <mx:FormItem> <s:Label text="inscription" /> </mx:FormItem> </mx:Form>   <s:Button label="Button"/> <s:Button label="Button2"/>   </s:VGroup>   </s:NavigatorContent>

---

-> ca marche

Cas 2 : si je retire 1 seul formulaire d'un des 2 onglet
-> ca marche pas

Cas 3 : aucun formulaire présent dans les 2 onglets
-> ca marche


PS: je retire le tag résolu si jamais quelqu'un a été confronté à un problème similaire

Je pensais avoir trouvé...mais non !
Lorsque les formulaires sont différents, le problème ressurgit...

J'y comprends rien de rien :(

EDIT: le problème a l'air de survenir en fait lorsque mes navigatorContent varient de hauteur entre 2 onglets. Je vais essayer de voir si je pourrais pas faire un redraw ou quelque chose comme ca lors de l'event creationComplete...

Hum...je crois que j'ai fais mon boulet :mrgreen:

Depuis le temps que j'y suis, je viens seulement de comprendre que l'ombre portée n'est pas comprise dans la taille du rectangle donc un décalage right="X" sur mon rectangle où s'applique mon ombre portée résout mon problème :toutcasse:

Le seul truc que je comprends pas et qui m'a sans doute influencé en erreur (on se rattrape comme on peut) c'est que j'obtient bien mon ombre portée sur mon premier onglet avec un right="0" mais bon pas grave, mon problème est résolu

:dehors: