Adobe Flex 3 : 뷰 스택의 하위에 대한 백분율로 지정된 너비 및 높이가 지정되지 않았습니다.

ViewStack은 TabBar 인 경우 입니다. 이 ViewStack의 어린이는 VBox입니다. 이 값은 VBox에 대한 너비와 높이의 절대 값으로는 잘 작동하지만 백분율로 지정하면 VBox은 백분율 값에 대해 사용 가능한 공간 (100 %)을 모두 사용합니다. 아래 코드와 스크린 샷을 찾으십시오.Adobe Flex 3 : 뷰 스택의 하위에 대한 백분율로 지정된 너비 및 높이가 지정되지 않았습니다.

다른 사람이 왜 그렇게 렌더링되는지 설명해주세요. 또한 ViewStack의 어린이는 어떻게 중심에 정렬 될 수 있습니까? ViewStack에 대한 horizontalAlign 속성이없고 horizontalCenter= "0"과 작동하지 않습니다.

코드 (절대 값)

<mx:ViewStack id="viewStack" width="100%" height="100%" selectedIndex="0" horizontalCenter="0" textAlign="center"> 

    <mx:VBox label="Tab 1" width="25%" height="10%" borderThickness="2" borderColor="red" 
     borderStyle="solid" horizontalAlign="left"> 

     <mx:Text text="This is tab 1" /> 

    </mx:VBox> 

    <mx:VBox label="Tab 2" width="30%" height="20%" borderThickness="2" borderColor="haloBlue" 
     borderStyle="solid"> 

     <mx:Text text="This is tab 2" /> 

    </mx:VBox> 

</mx:ViewStack>

이미지 1 : enter image description here

이미지 2 (폭 = "25 %"와 height = "10 %"와 함께) enter image description here

감사합니다. Anji

출처

2011-09-30 Anji

단순히 oute r 컨테이너는 공간을 채우고 (뷰 스택에서 원하는 것) 컨텐츠를 내부에 넣습니다. 외부 컨테이너는 내부 내용을 중앙에 배치 할 수 있습니다. 이처럼 :

는

<mx:Box label="Tab 1" width="100%" height="100%" horizontalAlign="center"> 
    <mx:VBox width="25%" height="10%" borderThickness="2" borderColor="red" 
       borderStyle="solid" > 
     <mx:Text text="This is tab 1" /> 
    </mx:VBox> 
</mx:Box>

출처

2011-09-30 09:43:59

작동합니다. 감사. 외부 컨테이너 없이는 작동하지 않는 이유는 무엇입니까? – Anji

예. ViewStack은 전체 페이지를 인계하려고 할 가능성이 있습니다. 그렇지 않으면 경험이 이상 할 수 있기 때문입니다. 말 그대로보기의 스택이므로보기 아래에보기를 볼 수 있습니다. 대신 상자에 스택을 채운 다음 다른 레이아웃을 원한다면 큰 패널 안에 배치 할 수 있습니다. 궁극적으로 IMO의 유연성이 향상됩니다. –

점에서 링크

View Stack Container을 참조하시기 바랍니다 U는 명확한 아이디어를 될 수있는 위치에 의해

크기 조정을

을 ViewStack 컨테이너의 자식을 읽어 보시기 바랍니다

필요한 경우 vbox 내부에 다른 컨테이너를 사용하십시오.

 ~~~ HappY Coding ~~~

출처

2011-09-30 10:05:37 Exhausted

Adobe Flex 3 : 뷰 스택의 하위에 대한 백분율로 지정된 너비 및 높이가 지정되지 않았습니다.

답변

관련 문제