Centrare contenuto in Flex 4

Question

Sto costruendo un componente personalizzato che estende SkinnableContainer. Posso centrare il contenuto sia verticalmente che orizzontalmente al suo interno, ma non entrambi - ed è quello di cui ho bisogno.

Sto impostando il layout su HorizontalLayout per il componente e impostando verticalAlign su middle.

Quindi creo una tela per circondare un altro componente all'interno di questo componente e l'impostazione della larghezza della tela al 100%, quindi l'impostazione textAlign = center, ma nessun dado.

Qualsiasi aiuto è apprezzato.

Answer 1

Utilizzare le proprietà horizontalCenter e verticalCenter per centrare i gruppi. Il valore è il numero di pixel del centro in cui il segno del valore indica la direzione, 0 è il centro assoluto.

Questo farà il trucco (presupponendo che si desidera il layout orizzontale per i tuoi articoli). Lo spazio dei nomi di "s" si riferisce ai componenti della scintilla, dal momento che mi stai chiedendo di Flex 4 presumo che Halo non sia interessante.

<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>