Centrado de contenido en Flex 4

Question

Estoy creando un componente personalizado que amplía SkinnableContainer. Puedo centrar el contenido ya sea vertical u horizontalmente dentro de él, pero no ambos, y eso es lo que necesito.

Estoy configurando el diseño en HorizontalLayout para el componente y la configuración verticalAlign en el medio.

Luego estoy creando un lienzo para rodear a otro componente que va dentro de este componente, y estableciendo ese ancho de lienzo al 100%, y luego estableciendo textAlign = center, pero sin dados.

Cualquier ayuda es apreciada.

Answer 1

Utilice las propiedades horizontalCenter y verticalCenter para centrar sus grupos. El valor es el número de píxeles de cualquier centro donde el signo del valor denota dirección, 0 es el centro absoluto.

Esto hará el truco (suponiendo que desee diseño horizontal para sus elementos). El espacio de nombres 's' se refiere a los componentes de la chispa, ya que estás preguntando sobre flex 4, supongo que Halo no es de interés.

<s:Group> 
    <!-- Any parent with BasicLayout will acknowledge horizontalCenter and verticalCenter --> 
    <s:layout> 
     <s:BasicLayout /> 
    </s:layout> 

    <s:Group horizontalCenter="0" verticalCenter="0"> 
     <s:layout> 
      <s:HorizontalLayout/> 
     </s:layout> 

     <s:Button /> 
     <s:Button /> 
     <s:Button /> 
    </s:Group> 
</s:Group>