/ / Flex - porcentaje de altura - flex, actionscript-3, mxml

Flex - porcentaje de altura - flex, actionscript-3, mxml

¿Cómo puedo limitar el tamaño de un contenedor secundario con un porcentaje de ancho / alto del 100%?

Ejemplo:

<mx:HBox id="container" width="100%" height="100%">
<mx:HBox id="scrollContainer" width="100%" height="100%">
<!-- keep this content limited to the size of "container" -->
<!-- I also want to use the scollers from "scrollContainer" -->
</mx:HBox>
</mx:HBox>

En este momento, el contenido dentro de "scrollContainer" se desbordará una vez que sea más grande que "contenedor"

EDITAR

Aparentemente, puedo obtener el comportamiento deseado si cambio HBox a Canvas, pero aún me gustaría saber cómo lograrlo con un HBox y por qué es diferente de Canvas.

Respuestas

0 para la respuesta № 1

Atributos maxHeight, maxWidth

Y para responder a tu otra pregunta.
Lienzo: se establece la posición absoluta de los niños para objetos que significan X e Y
HBox, VBox - la posición de los niños se basa en la matriz (HBox, VBox) Con HBox, VBox, si establece x o y en un niño, notará que nada cambia, el padre lo anula.


0 para la respuesta № 2

Es posible que pueda hacerlo si configura elverticalScrollPolicy y horizontalScrollPolicy en el HBox exterior a "off". Este es el tipo de cosa que se hace mejor con un HBox de nivel superior: los HBox existen para proporcionarle un diseño horizontal para sus controles, por lo que anidar uno dentro del otro al 100% le brinda dos niveles de anidamiento sin ninguna diferencia funcional.

Tu solución con el Canvas suena como unaMejor diseño del que pedías en primer lugar, ya que Canvas es un control más liviano, aunque aún no está haciendo nada por ti si no tienes otro control secundario allí.


0 para la respuesta № 3

Creo que deberías poder hacer esto configurando el ancho de esta manera:

<mx:HBox id="container" width="100%" height="100%">
<mx:HBox id="scrollContainer" width="{container.width}" height="{container.height}">
<!-- keep this content limited to the size of "container" -->
<!-- I also want to use the scollers from "scrollContainer" -->
</mx:HBox>
</mx:HBox>