2010-03-09 110 views
1

我有一個ViewStack內的2 VBox容器和視圖堆棧是在HBox裏面,我已經設置了vboxes的高度和寬度都爲100%,視圖堆棧也是一樣的。 我的問題是,viewstack不顯示容器childs的全部內容只是其中的一部分,並顯示一個垂直滾動,雖然寬度被拉伸以填充容器hbox的整個寬度,但viewstack爲什麼不延伸要顯示其孩子的100%身高,並僅爲寬度顯示?ViewStack高度問題

主要申請包含含有加載包含則ViewStack

主應用程序的模塊的模塊加載器控制的HBox中:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalScrollPolicy="on" 
     xmlns:custom="components.*"> 
     <custom:RepeatingImage source="images/up_bg.gif" width="100%" height="100%" repeatX="true" repeatY="false" /> 
     <mx:Canvas width="100%"> 
      <custom:header id="header" /> 
      <mx:HBox id="content" horizontalGap="12" width="100%" x="12" y="180"> 
       <mx:ModuleLoader id="contentModuleLoader" width="100%" />       
       <custom:sidead /> 
      </mx:HBox> 
     </mx:Canvas> 
     <custom:footer id="footer" /> 
    </mx:Application> 

模塊:

<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:custom="components.*" width="100%"> 
<mx:LinkBar dataProvider="stack" /> 
<mx:ViewStack id="stack" width="100%"> 
<mx:VBox id="Content" label="First View" width="100%"> 
     <mx:Canvas width="100%"> 
      //controls here 
     </mx:Canvas> 

     <mx:Canvas width="100%"> 
      <mx:HBox width="100%"> 
       <mx:VBox width="100%"> 
        //more controls and containers 
       </mx:VBox> 
      </mx:HBox> 
     </mx:Canvas> 
    </mx:VBox> 

    <mx:VBox label="Second View"> 
//controls 
</mx:VBox> 
</mx:ViewStack> 
</mx:Module> 
+0

你可以發佈一些示例代碼?設置每個組件的寬度和高度的線應該是我們需要的。 – invertedSpear 2010-03-09 15:31:24

+0

我添加了代碼 – Yasmine 2010-03-10 11:50:29

回答

0

一致認爲這將有助於查看代碼,但在我看來,像HBox可能是約束UI元素 - 確保它的大小很大足以不需要ViewStack中的滾動條。

您可以經常使用backgroundColorbackgroundAlpha或通過撥入FlexSpy或類似的東西來診斷類似問題。

0

爲什麼不則ViewStack延伸到 顯示其孩子的100%的高度和 會爲僅在寬度上?

我應該昨天抓到了這個。將任何設置設置爲100%都適合父容器,而不適合兒童。我試着遵循你的代碼,並且必須承認我迷失了它。我很確定問題存在於視圖堆棧上方(在父/子關係中,不一定按代碼順序)

+0

沒有問題不在視圖堆棧之上,因爲在添加視圖堆棧之前,只有第一個視覺盒子和它的所有內容都是可見的,但是當我需要此模塊的另一個視圖時,我添加了另一個視覺盒子,在viewstack中,一旦我做到了,只有第一個vbox的四分之一被顯示,並且有一個滾動條,如果我刪除viewstack所有的vbox控件都顯示 – Yasmine 2010-03-10 16:22:09

0

您是否嘗試過修改填充屬性?

+0

修改填充什麼? – Yasmine 2010-03-10 16:16:41

+0

Viewstack的填充和V/HBox – ALOToverflow 2010-03-10 17:48:59

0

在ViewStack中有一個屬性「resizeToContent」,您可以將其設置爲true。這應該做你想做的。

7

您是否嘗試過使用viewStack的resizeToContent屬性?

+0

是的我試過了,解決了我的問題 – Yasmine 2010-03-24 11:18:17