3.24.手動布局容器

package oreilly.cookbook
{
import mx.containers.Canvas;
import mx.controls.Label;
import mx.core.UIComponent;
import flash.events.MouseEvent;
public class SpecialLayoutCanvas extends Canvas implements
ISpecialLayout
{
private var titlelabel:Label;
private var selectedlabel:Label;
private var _isSelected:Boolean = false;
public function SpecialLayoutCanvas()
{
super();
titlelabel = new Label();
addChild(titlelabel);
titlelabel.text = "Label";
this.addEventListener(MouseEvent.MOUSE_DOWN,
setIsSelected);
minHeight = 45;
minWidth = 80;
selectedlabel = new Label();
//addChild(selectedlabel);
selectedlabel.text = "Selected";
}
private function setIsSelected(mouseEvent:MouseEvent):void
{
_isSelected ? isSelected = false : isSelected = true;
}
public function set isSelected(value:Boolean):void
{
_isSelected = value;
if(isSelected)
{
addChild(selectedlabel);
selectedlabel.y = 30;
}e
else
{
try{
removeChild(selectedlabel);
}catch(err:Error){}
}i
if(parent != null)
{
(parent as UIComponent).invalidateDisplayList();
}
}
public function get isSelected():Boolean
{
return _isSelected;
}
}
}

package oreilly.cookbook
{
import mx.core.EdgeMetrics;
import mx.core.UIComponent;
import mx.containers.VBox;
import mx.containers.Panel;
import mx.containers.Canvas;
import flash.display.DisplayObject;
public class ForceLayout extends VBox
{
public var gap:Number;
public function ForceLayout()
{
super();
}

override protected function
updateDisplayList(unscaledWidth:Number,
unscaledHeight:Number):void
{
super.updateDisplayList(unscaledWidth, unscaledHeight);
var yPos:Number = unscaledHeight;
// Temp variable for a container child.
var child:UIComponent;
var i:int = 0;
while(i<this.numChildren)
{
// Get the first container child.
child = UIComponent(getChildAt(i));
// Determine the y coordinate of the child.
yPos = yPos - child.height;
// Set the x and y coordinate of the child.
// Note that you do not change the x coordinate.
if(child is ISpecialLayout)
{
if((child as ISpecialLayout).isSelected)
{
yPos -= 20;
child.move(child.x, yPos);
yPos -= 20;
}e
else
{
child.move(child.x, yPos);
}
}e
else
{
child.move(child.x, yPos);
} // Save the y
coordinate of the child,
// plus the vertical gap between children.
// This is used to calculate the coordinate
// of the next child.
yPos = yPos - gap;
i++;
}i
= 0;
var amountToCenter:Number = yPos / 2;
while(i<this.numChildren)
{
getChildAt(i).y -= amountToCenter;
i++;
}
}
}
}