2012-11-20 3 views
2

나는 단순한 정렬로 플렉스 4 GUI를 가지고 놀고 있는데 왜 그럴 수는없는 것 같아.그룹의 플렉스 4 중심 요소

나는 button1, button2 및 텍스트 필드를 가지고 있습니다. 나는 그들을 수평으로 정렬하고, 텍스트를 위해 수직으로 정렬하고 싶다. 다음 코드는 다음 출력을 참조하십시오.

_______ ______ 
|bt1 | |bt2 | text1 
|______| |______|  

내 질문은; 1) btn 1에서 보낸 속성을 사용하는 이유는? verticalCenter = "10"및 btn2 verticalCenter = "- 10"여전히 정렬되어 있습니까? 나는 하나가 올라간다는 것을 안다. 그리고 사람은 donw 다? 2) verticalCenter = 0으로 설정 했는데도 내 text1이 위쪽에 정렬되어있는 이유는 그룹 내에서 또는하지 않고 시도했기 때문입니다.

고마워 당신을 도울 수 코드 아래

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" 
    minHeight="600"> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 
    <s:Group minWidth="100"> 
     <s:layout> 
      <s:HorizontalLayout/> 
     </s:layout> 
     <s:Button label="myButton" click="" horizontalCenter="0" 
      verticalCenter="10"/> 
     <s:Button label="myButton" click="" verticalCenter="-10"/> 
     <s:Group verticalCenter="0" horizontalCenter="0"> 
      <s:Label text="hello" color="#FFFF" verticalCenter="0" 
       textAlign="center" /> 
     </s:Group> 

    </s:Group> 
</s:Application> 

답변

2

일반적인 문제이므로 다른 사람이 왜 이런 일이 발생하는지 이해하는 것이 도움이 될 수 있습니다.

HorizontalLayout 또는 VerticalLayout을 사용하면 "레이아웃 개체"에서 설정 한 일부 속성이 사용되지 않습니다. 이것은 이러한 속성이 실제로 작동하지 않거나 세로/가로 레이아웃에서 의미가 없기 때문에 발생합니다. 수직/수평 레이아웃 무시

레이아웃 속성 :

  • xy
  • horizontalCenter
  • topverticalCenter, bottom, left, right contstraints

상기 좌표 prope 표준은 BasicLayout 클래스로 작동합니다.

@Mahesh Parate의 대답에서 알 수 있듯이 세로/가로 레이아웃을 사용하면 horizontalAlignverticalAlign 속성을 사용하여 콘텐츠의 가운데 맞춤을 설정할 수 있습니다.

1

는 : -은 verticalAlign는 = "중간"HorizontalLayout이 문서가 문제를 해결하는 것입니다 추가 할 수 있습니다.

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" 
       minHeight="600"> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 
    <fx:Script> 
     <![CDATA[ 

      protected function onClickHandler(event:MouseEvent):void 
      { 
       // TODO Auto-generated method stub 

      } 

     ]]> 
    </fx:Script> 
    <s:Group minWidth="100" > 
     <s:layout> 
      <s:HorizontalLayout verticalAlign="middle"/> 
     </s:layout> 
     <s:Button label="myButton" click="onClickHandler(event)" horizontalCenter="0" 
        verticalCenter="10"/> 
     <s:Button label="myButton" click="onClickHandler(event)" verticalCenter="-10"/> 
     <s:Group verticalCenter="0" horizontalCenter="0"> 
      <s:Label text="hello" color="#FFFF" verticalCenter="0" 
        textAlign="center" /> 
     </s:Group> 

    </s:Group> 
</s:Application>