3.6.在容器內(nèi)為子組件設(shè)置最大、最小尺寸

2024-04-27 13:51:48

字體：大中小

供稿：網(wǎng)友

3.6.1 問題
你需要添加多個(gè)子組件到某個(gè)組件里，并且保證如果子組件的數(shù)量擴(kuò)大超過(guò)一定數(shù)量的時(shí)候，子組件將添加到容器下一行去。
3.6.2 解決辦法
使用maxWidth 或者maxHeight 屬性來(lái)決定組件內(nèi)的子組件放置在何處。
3.6.3 討論
maxWidth 和maxHeight 樣式屬性定義了組件父親允許其顯示的最大高度和寬度。下面的代碼段里，將檢查maxWidth 樣式屬性以保證添加的組件不會(huì)引起容器超過(guò)其父親容器所允許的最大寬度。如果即將超過(guò)最大寬度，則會(huì)生成另一個(gè)HBox 組件，并且接下來(lái)添加的圖片會(huì)被添加到新生成的HBox 里。VBox 容器的布局管理器會(huì)負(fù)責(zé)適當(dāng)?shù)牟贾眯绿砑拥淖咏M件。

代碼如下：

-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>