均匀地分配相应尺寸的组件

时间:2014-08-02 17:06:30

标签: actionscript-3 flex flex4 flex-spark

假设HGroup宽度为100px,并且其中有两个图像:image_1为20px,image_2为30px。

我希望image_1在前40个像素(从像素11到30)中居中,而image_2在剩余的60个像素(从像素56到85)中居中,因为它们划分整个100像素宽空间相对较大。

Spark中是否有允许这样做的组件或属性?

2 个答案:

答案 0 :(得分:1)

也许我错了,但没有任何方法可以做到这一点。已为示例创建了实例名称:

// container width = 100
var C:HGroupContainer = new HGroupContainer();
this.addChild(C);

const W1:int = 40;
const W2:int = 60;

var r1:Rect1 = new Rect1();
r1.x = (W1 - r1.width) / 2;
this.addChild(r1);

var r2:Rect2 = new Rect2();
r2.x =  W1 + (W2 - r2.width) / 2; 
this.addChild(r2);

坐标x = 0,y = 0对应于图像的左上角。

答案 1 :(得分:0)

您必须将图像包装在HGroups中并将水平对齐设置为居中。这就是Flex的做法。