플렉스에서의 컨텐츠 가운데 맞추기 4

Question

저는 SkinnableContainer를 확장하는 커스텀 컴포넌트를 빌드하고 있습니다. 콘텐츠를 세로 또는 가로로 가운데에 배치 할 수 있지만 둘 다 설정할 필요는 없습니다.

구성 요소의 레이아웃을 HorizontalLayout으로 설정하고 verticalAlign을 중간으로 설정합니다.

그러면이 구성 요소 내부로 들어가는 다른 구성 요소를 둘러싸고 캔버스 너비를 100 %로 설정 한 다음 textAlign = center로 설정하지만 주사위는 설정하지 않을 캔버스를 만듭니다.

도움을 주시면 감사하겠습니다.

Answer 1

horizontalCenter 및 verticalCenter 속성을 사용하여 그룹을 가운데 정렬하십시오. 값은 값의 부호가 방향을 나타내고 0은 절대 중심을 나타내는 가운데의 픽셀 수입니다.

이것은 트릭을 수행합니다 (항목에 가로 레이아웃을 원한다고 가정). 's'네임 스페이스는 스파크 구성 요소를 가리 킵니다. 플렉스 4에 대해 묻기 때문에 헤일로는 관심이 없다고 가정합니다.

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