Позиционирование текста в Flex

Question

Я хочу, чтобы отобразить три различные части текста в строке под VBox в так я создал HBox и поместить компоненты текста здесь:

<mx:HBox width="100%"> 
    <mx:Text text="left" id="textLeft"/> 
    <mx:Text text="center" id="textCenter"/> 
    <mx:Text text="right" id="textRight"/> 
</mx:HBox> 

Я хочу, чтобы текст с идентификатором «textLeft» будет располагаться слева на HBox и текстовом центре, чтобы быть в центре, а textRight - справа ...

Любые решения/указатели оцениваются.

Answer 1

попробовать

<mx:HBox width="100%"> 
    <mx:Text text="left" id="textLeft"/> 
    <mx:Spacer width="100%" /> 
    <mx:Text text="center" id="textCenter"/> 
    <mx:Spacer width="100%" /> 
    <mx:Text text="right" id="textRight"/> 
</mx:HBox> 

или

<mx:HBox width="100%"> 
     <mx:Text text="left" id="textLeft" textAlign="left" width="100%"/> 
     <mx:Text text="center" id="textCenter" textAlign="center" width="100%"/> 
     <mx:Text text="right" id="textRight" textAlign="right" width="100%"/> 
    </mx:HBox> 

Лично я бы с топ одной

Answer 2

Спасибо за ваш ответ. Тем временем я придумал это решение с помощью друга.

Использование сетки:

<mx:Grid width="100%"> 
    <mx:GridRow width="100%" height="100%"> 
     <mx:GridItem width="33%" height="100%" horizontalAlign="left"> 
      <mx:Text text="left" id="textLeft"/> 
     </mx:GridItem> 
     <mx:GridItem width="33%" height="100%" horizontalAlign="center"> 
      <mx:Text text="center" id="textCenter"/> 
     </mx:GridItem> 
     <mx:GridItem width="33%" height="100%" horizontalAlign="right"> 
      <mx:Text text="right" id="textRight"/> 
     </mx:GridItem>   
    </mx:GridRow> 
</mx:Grid> 

Однако я вижу, что ваше решение лучше больше вещей добавляются.