Problème de mise en page Adobe Flex. conteneurs imbriqués à l'intérieur VGroup, 100% hauteur ne fonctionne pas

J'ai une disposition imbriquée qui est dynamique (les tailles sont des valeurs en pourcentage) ou du moins elle devrait l'être.Problème de mise en page Adobe Flex. conteneurs imbriqués à l'intérieur VGroup, 100% hauteur ne fonctionne pas

J'ai supprimé le texte des chaînes du code:

<s:VGroup width="98%" height="70%" 
    horizontalAlign="center" 
    horizontalCenter="0"> 
<s:BorderContainer 
    borderStyle="inset" borderWeight="1" 
    cornerRadius="20" 
    textAlign="center" 
    width="100%" height="100%"> 
    <s:layout> 
    <s:HorizontalLayout gap="0" 
     verticalAlign="middle"/> 
    </s:layout> 
    <s:Label width="60%" height="100%" 
    verticalAlign="middle" 
    textAlign="right"/> 
    <s:HGroup horizontalAlign="center" 
     width="40%" height="100%" 
     gap="0"> 
    <s:Label height="100%" width="100%" 
     verticalAlign="middle" 
     textAlign="center"/> 
    <s:Label height="100%" width="100%" 
     verticalAlign="middle" /> 
    </s:HGroup> 
</s:BorderContainer> 
<s:BorderContainer 
    borderStyle="inset" borderWeight="1" 
    cornerRadius="20" 
    textAlign="center" 
    width="100%" height="100%"> 
    <s:layout> 
    <s:HorizontalLayout gap="0" 
     verticalAlign="middle"/> 
    </s:layout> 
    <s:Label width="60%" height="100%" 
    verticalAlign="middle" 
    textAlign="right"/> 
    <s:HGroup horizontalAlign="center" 
     width="40%" height="100%" 
     gap="0"> 
    <s:Label height="100%" width="100%" 
     verticalAlign="middle" 
     textAlign="center"/> 
    <s:Label height="100%" width="100%" 
     verticalAlign="middle" /> 
    </s:HGroup> 
</s:BorderContainer> 
<s:BorderContainer 
    borderStyle="inset" borderWeight="1" 
    cornerRadius="20" 
    textAlign="center" 
    width="100%" height="100%"> 
    <s:layout> 
    <s:HorizontalLayout gap="0" 
     verticalAlign="middle"/> 
    </s:layout> 
    <s:Label width="60%" height="100%" 
    verticalAlign="middle" 
    textAlign="right"/> 
    <s:HGroup horizontalAlign="center" 
     width="40%" height="100%" 
     gap="0"> 
    <s:Label height="100%" width="100%" 
     verticalAlign="middle" 
     textAlign="center"/> 
    <s:Label height="100%" width="100%" 
     verticalAlign="middle" /> 
    </s:HGroup> 
</s:BorderContainer> 
<s:BorderContainer 
    borderStyle="inset" borderWeight="1" 
    cornerRadius="20" 
    textAlign="center" 
    width="100%" height="100%"> 
    <s:layout> 
    <s:HorizontalLayout gap="0" /> 
    </s:layout> 
    <s:Label width="60%" height="100%" 
    verticalAlign="middle" 
    textAlign="right"/> 
    <s:HGroup horizontalAlign="center" verticalAlign="middle" 
     width="40%" height="100%" 
     gap="0"> 
    <s:Group width="100%" height="100%"> 
    <s:Rect width="80%" height="80%" 
     horizontalCenter="0" verticalCenter="0" 
     bottomLeftRadiusX="15" topRightRadiusX="15"> 
    <s:fill> 
     <s:SolidColor color="0xFFFFFF" /> 
    </s:fill> 
    </s:Rect> 
    <s:Label height="100%" width="100%" 
     verticalAlign="middle" 
     textAlign="center"/> 
    </s:Group> 
    <s:Label height="100%" width="100%" 
     verticalAlign="middle" /> 
    </s:HGroup> 
</s:BorderContainer> 
</s:VGroup>

Comme vous le voyez dans l'image les quatre « lignes » sont trop élevés pour entrer dans le composant (qui est aussi grand que le fond noir).

Je ne sais pas comment résoudre ce problème, avez-vous des conseils?

Ceci est un exemple schématisée à quoi il ressemble: alt text http://www.freeimagehosting.net/uploads/a8159c57d2.png

Source

2010-07-23 hering

Je ne comprends pas le problème. Si je cours le code; Je reçois quatre lignes comme je m'y attendais. Il n'y a pas de noir si. Pouvez-vous développer le problème? Ou peut-être fournir un exemple de code qui illustre le problème? – JeffryHouser

Je suppose que vous essayez de faire les conteneurs à la frontière intègrent dans les contraintes du VGroup. Une astuce pour faire ce travail consiste à définir minHeight = "0" sur chacun des quatre BorderContainers pour forcer une nouvelle mesure. Si je suis loin de la marque ici s'il vous plaît fournir plus d'informations sur le résultat que vous recherchez spécifiquement. J'espère que cela pourra aider.

Source

2010-07-23 18:15:58

Cela fonctionne pour définir un minHeight à chaque conteneur. Après quelques heures, j'ai essayé par moi-même mais néanmoins: Merci beaucoup! – hering

Problème de mise en page Adobe Flex. conteneurs imbriqués à l'intérieur VGroup, 100% hauteur ne fonctionne pas

Répondre

Questions connexes