Zentrieren von Inhalten in Flex 4

Question

Ich erstelle eine benutzerdefinierte Komponente, die SkinnableContainer erweitert. Ich kann den Inhalt entweder vertikal oder horizontal zentrieren, aber nicht beides - und genau das brauche ich.

Ich setze das Layout auf HorizontalLayout für die Komponente und setze verticalAlign auf die Mitte.

Dann erstelle ich eine Leinwand, um eine andere Komponente zu umgeben, die in diese Komponente geht, und setze diese Leinwandbreite auf 100% und setze dann textAlign = center, aber keine Würfel.

Jede Hilfe wird geschätzt.

Answer 1

Verwenden Sie die Eigenschaften horizontalCenter und verticalCenter, um Ihre Gruppen zu zentrieren. Der Wert ist die Anzahl der Pixel von jeder Mitte, wobei das Vorzeichen des Werts die Richtung angibt, 0 ist der absolute Mittelpunkt.

Dies wird den Trick (vorausgesetzt, Sie möchten horizontale Layout für Ihre Artikel). Der 'Namespace' bezieht sich auf die Spark-Komponenten, da du nach Flex 4 fragst. Ich gehe davon aus, dass Halo nicht von Interesse ist.

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