在Flex中集中內容4

Question

我正在構建一個擴展了SkinnableContainer的自定義組件。我可以將內容垂直或水平居中放置，但不能同時放置 - 這正是我需要的。

我將組件的佈局設置爲Horizo​​ntalLayout，並將verticalAlign設置爲middle。

然後，我創建一個畫布來包圍進入此組件的另一個組件，並將該畫布寬度設置爲100％，然後設置textAlign = center，但不設骰子。

任何幫助表示讚賞。

Answer 1

使用horizo​​ntalCenter和verticalCenter屬性將您的組居中。該值是來自任一中心的像素數，其中值的符號表示方向，0是絕對中心。

這會做的伎倆（假設你想爲你的項目水平佈局）。 's'命名空間引用了spark組件，因爲你問的是flex 4我認爲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>