Skip to content

LayoutEvent

布局事件。

想了解事件的触发顺序,请查看 渲染生命周期 图示。

关键属性

data: ILayoutBlockData[]

布局数据。

times: number

布局次数(本轮布局中第几次布局)。

事件名称

LayoutEvent.REQUEST

请求布局。

layout.request

LayoutEvent.START

开始本轮布局。

layout.start

LayoutEvent.BEFORE

单次布局前。

layout.before

LayoutEvent.LAYOUT

单次布局,可进行多次。

layout

LayoutEvent.AFTER

单次布局后。 layout.after

LayoutEvent.AGAIN

准备再次布局。

layout.again

LayoutEvent.END

结束本轮布局

layout.end

继承

Event

示例

ts
import { LayoutEvent, Leafer, Rect, } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = new Rect({ x: 100, y: 100, fill: '#32cd79', draggable: true })

leafer.add(rect)

leafer.on(LayoutEvent.AFTER, function () {
    // layout after
    if (leafer.watcher.changed) {
        leafer.emit(LayoutEvent.AGAIN)
    }
})

Released under the MIT License.