2011-03-11 163 views
0

如何限制百分比寬度/高度爲100%的子容器的大小?Flex - 百分比高度

例子:

<mx:HBox id="container" width="100%" height="100%"> 
    <mx:HBox id="scrollContainer" width="100%" height="100%"> 
     <!-- keep this content limited to the size of "container" --> 
     <!-- I also want to use the scollers from "scrollContainer" --> 
    </mx:HBox> 
</mx:HBox> 

眼下內部「scrollContainer」的內容就會溢出,一旦它比「集裝箱」

編輯

做大顯然,我可以得到,如果我所期望的行爲將HBox更改爲Canvas,但我仍然想知道如何使用HBox完成此操作,以及它與Canvas的區別。

回答

0

maxHeight,maxWidth屬性

並回答你的其他問題。
帆布 - 兒童絕對定位的對象意義X和Y的設置
HBox,VBox - 兒童定位是基於父母(HBox,VBox) 與HBox,VBox如果你設置X或Y你會注意到一個孩子沒有任何變化,父母覆蓋它。

0

如果您將外部HBox上的verticalScrollPolicy和horizo​​ntalScrollPolicy設置爲「off」,您可能可以做到這一點。這是用單個頂層HBox更好地完成的事情--HBoxes存在爲您的控件提供水平佈局,因此以100%嵌套在另一個內部會爲您提供兩層嵌套,而不會產生任何功能差異。

Canvas的解決方案聽起來像是比你首先要求的更好的佈局,因爲Canvas是一個更輕量級的控件,儘管如果你沒有,它仍然沒有爲你做任何事情另一個子控件在那裏。

0

我想你應該能夠做到這一點通過設置寬度是這樣的:

<mx:HBox id="container" width="100%" height="100%"> 
    <mx:HBox id="scrollContainer" width="{container.width}" height="{container.height}"> 
     <!-- keep this content limited to the size of "container" --> 
     <!-- I also want to use the scollers from "scrollContainer" --> 
    </mx:HBox> 
</mx:HBox>