2013-11-14 8 views
0

VBox 위에 텍스트를 올바르게 정렬하려고합니다. 내가 사용중인 VBox에는 배경 이미지가 있습니다. 그런 다음 레이블이 이미지와 겹칩니다. 이것은 기본적으로 내가 원하는 버튼을 만듭니다.텍스트 상자에 레이블을 정렬하려고합니다.

사용중인 배경 이미지의 하단에 그림자 효과가있는 것이 문제입니다. 그래서 내가 VBox에 verticalAlign = "middle"을 사용하면 실제로 중앙에 배치되지 않습니다.

VBox 및 레이블 y 값, 상단 & 하단 속성 및 verticalCenter 속성을 변경해 보았습니다. 아무도 레이블을 위아래로 이동하지 않는 것 같습니다. 나는 왜 이것이 상표를 옮기지 않을지 혼란 스럽다.

여기 y, 위, 아래 또는 세로 중심 집합이없는 현재 코드입니다.

<mx:VBox height="70" width="175" backgroundImage="{buttonBackground}" verticalAlign="middle" horizontalAlign="center" backgroundSize="100%" buttonMode="true" useHandCursor="true" mouseChildren="false" click="{controller.goToPage('configPg')}"> 
    <mx:Label text="Configure" buttonMode="true" useHandCursor="true" mouseChildren="false" fontSize="24" color="white"/> 
</mx:VBox> 

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

감사합니다.

+1

그림자를 이미지 자체가 아닌 프로그래밍 방식으로 추가하지 않는 이유는 무엇입니까? –

+1

시도한 모든 속성은 레이아웃 컨테이너와 관련이 없습니다. 글꼴 스타일을 사용하여 텍스트 (예 : 패딩, 세로 정렬, 텍스트 정렬 등)를 배치하거나, ​​VBox에 아무것도없는 경우 수동 포지셔닝으로 캔버스를 사용하십시오. – drkstr1

+0

@JoshJanusch 이미지에 액세스 할 수 없습니다. 그래서 나는 그들이 나에게주는 것을 사용해야한다. –

답변

0

나는 paddingBottom을 조정하여이 문제를 해결할 수있었습니다. 대답은 drkstr1에게 감사드립니다.

시도한 모든 속성은 레이아웃 컨테이너와 관련이 없습니다. 글꼴 스타일을 사용하여 텍스트 (예 : 패딩, 세로 정렬, 텍스트 정렬 등)를 배치하거나, ​​VBox에 아무것도없는 경우 수동 포지셔닝으로 캔버스를 사용하십시오. - drkstr1 Nov 14 at 17:25