egret_布局相关

本文详细介绍了Egret中的布局相关属性,包括eui布局属性如`includeInLayout`、`explicitWidth/Height`等,以及各种布局类的使用,如绝对定位布局、百分比布局、水平和垂直布局、网格布局。还提到了自定义布局的实现,并强调了在不同布局中组件的尺寸和位置计算方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

布局相关:

eui布局相关属性:

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

explicitWidthexplicitHeight: 显式设置的宽高值。

maxWidthminWidthmaxHeightminHeight: 最大和最小尺寸

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

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的值。但是当组件含有旋转缩放时。他们为组件旋转缩放后在父级容器里实际显示的起点。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值