Avoir le contenu d'une fenêtre s: Scroller à 100% de hauteur

Question

Existe-t-il un moyen de faire en sorte que le contenu d'un composant à l'intérieur d'un défilement soit à 100% de hauteur.

ici est un exemple simple:

<s:Scroller width="100%" height="100%"> 
<s:viewport> 
    <s:Group height="100%"> 
    <s:Rect width="10" height="500"> 
    <s:fill> 
    <s:SolidColor color="0xFF0000"/> 
    </s:fill> 
    </s:Rect> 
    <s:Rect width="10" x="10" height="100%"> 
    <s:fill> 
    <s:SolidColor color="0x00FF00"/> 
    </s:fill> 
    </s:Rect> 
    <s:Rect width="10" x="20" height="100"> 
    <s:fill> 
    <s:SolidColor color="0x0000FF"/> 
    </s:fill> 
    </s:Rect> 
    </s:Group> 
</s:viewport> 
</s:Scroller> 

Si vous exécutez ce code et faites défiler vers le bas un peu, voici ce que vous obtenez:

Comme vous pouvez le voir, le vert La barre (définie à 100% de hauteur) utilise simplement la hauteur de la fenêtre d'affichage, pas celle de son groupe parent, qui est étirée par le rouge à 500px.

Y at-il un moyen de résoudre ce problème?

Answer 1

Voici une solution de contournement: Placez le groupe dans un autre groupe, puis cela fonctionne comme prévu.