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

Question

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

<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, а textCenter - в центре, а textRight - справа ...

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

Answer 1

1001 * попробовать *

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

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