Flexでのセンタリングコンテンツ4

Question

私はSkinnableContainerを継承するカスタムコンポーネントを構築しています。私はコンテンツをその中に縦方向または横方向のいずれかに集中させることができますが、両方ではなく、それが私の必要なものです。

私は、コンポーネントのHorizo​​ntalLayoutにレイアウトを設定し、真ん中にverticalAlignを設定しています。

は、その後、私は、このコンポーネントの内部に入る別のコンポーネントを囲むようにキャンバスを作成し、100％にそのキャンバスの幅を設定した後、textAlign =中央に設定、ないサイコロです。

何か助けていただければ幸いです。

Answer 1

あなたのグループを中心にhorizo​​ntalCenterとverticalCenterプロパティを使用します。値は、値の符号が方向を表し、0が絶対的な中心であるいずれかの中心からのピクセル数です。これは、トリックを行うだろう

（あなたの項目のための水平方向のレイアウトをしたいと仮定した場合）。あなたがフレックス4について質問しているので、 's'ネームスペースはスパークコンポーネントを参照しています。私は、Haloは興味がないと仮定しています。

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