Flex: Prevenir la barra de desplazamiento de cubrir el contenido cuando se visualizan automáticamente

Question

que tienen un lienzo en Flex, que pueda sólo para ser desplazado en dirección vertical, por lo que establecer los atributos de la tela de la siguiente manera:

verticalScrollPolicy="auto" horizontalScrollPolicy="off" 

El El problema aquí es que la barra de desplazamiento vertical cubre el contenido cuando aparece, aunque queda suficiente espacio horizontal. Hubiera esperado que el tamaño del contenido se hubiera ajustado automáticamente.

Al configurar la política de desplazamiento vertical en "on", no se cubre el contenido también.

En caso de que establezca las dos políticas de desplazamiento en 'auto' también obtengo una barra de desplazamiento horizontal simplemente para desplazarse al área que está cubierta por la barra de desplazamiento vertical.

¿Existe una solución alternativa a cómo puedo retransmitir el contenido del lienzo cuando se muestra la barra de desplazamiento vertical para que no cubra ningún contenido?

Answer 1

Es un error. Ver Flex verticalScrollPolicy bug para una solución alternativa.

Answer 2

Sólo una nota con respecto a este tema: En realidad no es un error, pero conocido (y la intención?) Comportamiento:

"Flex considera barras de desplazamiento en sus cálculos de dimensionamiento sólo si establece explícitamente la desplazarse política para ScrollPolicy.ON. por lo tanto, si se utiliza una política de desplazamiento automático (por defecto), la barra de desplazamiento superpone a los botones. para evitar este comportamiento, puede establecer el height propiedad para el contenedor HBox o permitir la H Contenedor de caja para cambiar el tamaño estableciendo un ancho basado en porcentaje. Recuerde que al cambiar la altura de el contenedor HBox causa otros componentes en su aplicación para mover y cambiar el tamaño de acuerdo con sus propias reglas de dimensionamiento "

-. De Sizing Components en el Flex 3 ayuda, bajo . "uso de barras de desplazamiento"

Answer 3

estoy, también por lo general tienen algunos problemas con el verticalScrollBar en Flex, por lo que prefieren utilizar la barra de desplazamiento del navegador para desplazarse a la aplicación completa puede encontrado una solución aquí:. How to Resize the Flex Stage and Use the Browser Scrollbar.

El código que utilizo:

En Flex:

ExternalInterface.call("setInitialFlashHeight", this.height); 

En mi HTML (JavaScript):

function setInitialFlashHeight(newHeight) { 
    document.getElementById('my_flash').style.height = newHeight + 'px'; 
} 

Y si desea agregar (o eliminar) una cierta altura:

function addFlashHeight(height) { 
    var divHeight; 
    var obj = document.getElementById('my_flash'); 

    if (obj.offsetHeight) { 
     divHeight = obj.offsetHeight; 
    } else if (obj.style.pixelHeight){ 
     divHeight = obj.style.pixelHeight; 
    } 

    var newHeight = divHeight + height; 
    document.getElementById('my_flash').style.height = newHeight + 'px'; 
} 

Eliminar, y Usa "-" en lugar de "+".

Answer 4

Tuve que encontrar esta solución Flex ScrollPolicy.AUTO Not Good Enough que resolvió este problema, porque la solución Flex verticalScrollPolicy bug no funcionó para mí.

Answer 5

en vbox u otro componente basado en Contenedor, he resuelto ese problema de esa manera.

incorrecto:

<mx:VBox width="100%" height="100%" 
     verticalScrollPolicy="auto" horizontalScrollPolicy="off"> 
    <mx:Repeater dataProvider="{hede}"> 
      <custom:RenderItem ........../> 
    </mx:Repeater> 
</mx:VBox> 

no hay ninguna barra de desplazamiento

versión de trabajo:

<mx:VBox width="100%" height="100%" 
    **minHeight="1"** horizontalScrollPolicy="off"> 
    <mx:Repeater dataProvider="{hede}"> 
     <custom:RenderItem ........../> 
    </mx:Repeater> 
</mx:VBox>