egret_布局相关

布局相关:

eui布局相关属性:

includeInLayout: 指定此组件是否包含在父容器的布局中。

explicitWidth, explicitHeight: 显式设置的宽高值。

maxWidth, minWidth, maxHeight, minHeight: 最大和最小尺寸

width, height: 这两个属性储存组件经过各种布局计算后得到的最终的尺寸值。

horizontalCenter:0: 水平居中

verticalCenter:0: 垂直居中

布局类: this.myGroup.layout = 该类

eui.BasicLayout: 基本布局类, 包括下面几种:绝对定位布局边距设定百分比布局

new eui.HorizontalLayout(): 水平布局类

new eui.VerticalLayout(): 垂直布局类

new eui.TileLayout(): 网格布局类

eui.LayoutBase: 自定义布局需要继承改类

绝对定位布局:

xy: 设置子项的x和y可以设置相对于容器的坐标位置

边距设定:

top leftrightbottom : 设置对象边界和容器边界的距离

百分比布局:

percentWidthpercentHeight: 百分比设置, 只能对宽高起作用

—-以下的水平布局垂直布局网格布局中, 会忽略自相的坐标设置—

水平布局: (估计相当于浮动的布局方式)

gap: 设置子项间的间距

horizontalAlign: 设置水平对齐方式

verticalAlign: 设置垂直对齐方式

padding: 设置容器内间距

垂直布局:

设置垂直布局与设置水平布局类似: 也是使用上面4个属性

this.myGroup.layout = vLayout;: 设置成垂直布局

网格布局:

网格布局, 即做横向排列, 也做纵向排列, 实现的的想过像格子一样:

horizontalGap: 设置子项之间的水平间距

verticalGap: 设置子项间的垂直间距

columnAlign: 指定如何将完全可见列和容器宽度对齐

rowAlign: 指定如何将完全可见行与容器高度对齐

padding: 容器内间距

requestedColumnCount: 明确指定要显示的列数

自定义布局:

http://edn.egret.com/cn/docs/page/525


以下属性只适合测试:

(5)measuredWidth,measuredHeight:每个组件measure()方法执行的最终结果就是对这两个属性赋值。它们只记录测量结果。

(6)preferredWidth,preferredHeight:首选宽高,这两个值通常在measure()方法中被调用。只是个便捷属性,按照explicitWidth,explicitHeight > measuredWidth,measuredHeight的优先级返回值。布局类在measure()方法中,调用子项的这个属性,来获取子项的测量结果。累加到自身的测量结果上。注意这个值已经包含旋转和缩放的值,且返回值永远为正数。

(7)layoutBoundsWidth,layoutBoundsHeight:布局宽高,这两个值通常在updateDisplayList()方法中被调用。也是个便捷属性。按照 布局设置的宽高 > explicitWidth,explicitHeight > measuredWidth,measuredHeight的优先级返回值。注意这个值已经包含旋转和缩放的值,且返回值永远为正数。

(8)preferredX,preferredY,layoutBoundsX,layoutBoundsY:这四个属性,通常情况下就是xy的值。但是当组件含有旋转缩放时。他们为组件旋转缩放后在父级容器里实际显示的起点。

你可能感兴趣的:(egret白鹭引擎)