应用周期
从创建应用到结束,会经历创建图形、启动应用、首次布局、应用准备就绪、首次渲染、视图准备就绪、多次渲染生命周期、停止/重启、销毁等过程,从而形成一个应用的生命周期。
示例
生命周期中的不同状态会通过 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 来探索产品开发了~
可继续阅读
🍉 第 2 本书: 参考手册,详解所有元素、属性方法、事件、类库的使用。
🍊 第 3 本书: 插件中心,了解让你事半功倍的官方、社区插件。