Skip to content
导航

LayoutEvent ​

布局事件。

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

关键属性 ​

data: ILayoutBlockData[] ​

布局数据。

事件名称 ​

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

示例 ​

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)
    }
})

继承 ​

Event ​

API ​

LayoutEvent ​

Released under the MIT License.