Skip to content

应用周期

从创建应用到结束,会经历创建图形、启动应用、首次布局、应用准备就绪、首次渲染、视图准备就绪、多次渲染生命周期、停止/重启、销毁等过程,从而形成一个应用的生命周期。

图示

生命周期

示例

生命周期中的不同状态会通过 LeaferEvent进行通知,你也可以通过 Leafer 实例监听这些事件实现自己的产品逻辑。

监听 ready 事件

ts
import { Leafer, Rect, LeaferEvent } 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(LeaferEvent.READY, function () { 
    // ready
})

下一步

恭喜 🎉,你已完成所有入门知识的学习,可以开始用 LeaferJS 来探索产品开发了~

Released under the MIT License.