3.6.在容器內為子組件設置最大、最小尺寸

2024-04-27 13:51:48

字體：大中小

來源：轉載

供稿：網友

3.6.1 問題
你需要添加多個子組件到某個組件里，并且保證如果子組件的數量擴大超過一定數量的時候，子組件將添加到容器下一行去。
3.6.2 解決辦法
使用maxWidth 或者maxHeight 屬性來決定組件內的子組件放置在何處。
3.6.3 討論
maxWidth 和maxHeight 樣式屬性定義了組件父親允許其顯示的最大高度和寬度。下面的代碼段里，將檢查maxWidth 樣式屬性以保證添加的組件不會引起容器超過其父親容器所允許的最大寬度。如果即將超過最大寬度，則會生成另一個HBox 組件，并且接下來添加的圖片會被添加到新生成的HBox 里。VBox 容器的布局管理器會負責適當的布置新添加的子組件。

代碼如下：

-XML

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" height="400"
xmlns:cookbook="oreilly.cookbook.*" backgroundColor="#0000ff">
<cookbook:AddConstraintChildren maxHeight="400" maxWidth="800"
horizontalAlign="center" verticalScrollPolicy="off"/>
</mx:Canvas>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.controls.Image;
[Embed(source="../../assets/image.png")]
public var image:Class;
private var childCount:int = 0;
private var currentHolder:HBox;
private function addMoreChildren():void
{
var image:Image = new Image();
image.source = image;
if((currentHolder.width + image.width) >=
this.maxWidth)
{
var holder:HBox = new HBox();
addChild(holder);
currentHolder = holder;
}c
urrentHolder.addChild(image);
}

]]>
</mx:Script>
<mx:Button label="addMoreChildren()"
click="addMoreChildren()"/>
<mx:HBox id="topHolder" creationComplete="currentHolder =
topHolder"/>
</mx:VBox>