InteractionManager
Interactionmanager 可以将一些耗时较长的工作安排到所有互动或动画完成之后再进行。这样可以保证 JavaScript 动画的流畅运行。
应用这样可以安排一个任务在交互和动画完成之后执行:
和其他的延迟计划函数对比:
- requestAnimationFrame(): 用来执行在一段时间内控制视图动画的代码。
- setImmediate/setTimeout(): 在稍后执行代码。注意这有可能会延迟当前正在进行的动画。
- runAfterInteractions(): 在稍后执行代码,不会延迟当前进行的动画。
触摸处理系统会把一个或多个进行中的触摸操作认定为'交互',并且会将runAfterInteractions()
的回调函数延迟执行,直到所有的触摸操作都结束或取消了。
InteractionManager 还允许应用注册动画,在动画开始时创建一个交互“句柄”,然后在结束的时候清除它。
runAfterInteractions
接受一个普通的回调函数,或是一个PromiseTask
对象,该对象需要带有名为gen
的方法,并返回一个Promise
。如果提供的参数是一个PromiseTask
, 那么即便它是异步的它也会阻塞任务队列,直到它(以及它所有的依赖任务,哪怕这些依赖任务也是异步的)执行完毕后,才会执行下一个任务。
默认情况下,排队的任务会在一次setImmediate
方法中依序批量执行。如果你调用了setDeadLine
方法并设定了一个正整数值,则任务只会在设定的时间到达后开始执行。在此之前,任务会通过setTimeout
来挂起并阻塞其他任务执行,这样可以给诸如触摸交互一类的事件留出时间,使应用可以更快地响应用户。
#
示例#
Basic#
Advanced注意:
InteractionManager.runAfterInteractions()
在 web 上不能正常工作。它会立即触发而不是等待交互动画结束。
#
文档#
方法runAfterInteractions()
#
安排一个函数在所有的交互和动画完成之后运行。返回一个可取消的 promise。
createInteractionHandle()
#
通知管理器有某个交互开始了。
clearInteractionHandle()
#
通知管理器有某个交互已经结束了。
setDeadline()
#
如果设定了一个正整数值,则会使用 setTimeout 来挂起所有尚未执行的任务。在 eventLoopRunningTime 到达设定时间后,才开始使用一个 setImmediate 方法来批量执行所有任务。