animation - 交叉淡入淡出延迟转换结束事件不可访问

Question

我在我的聚合物应用程序中使用交叉淡入淡出延迟转换，以便与英雄转换很好地配合：英雄转换完成后交叉淡入淡出文本。

我目前使用转换结束回调来触发另一个操作（一些 javascript 函数调用）。问题是这个调用有点资源昂贵，所以它使交叉淡入淡出延迟转换滞后。

英雄转换完成后触发transition-end回调。有没有类似的事件，要知道cross-fade-delayed什么时候结束？

最好的，尼古拉斯

Answer 1

我认为没有类似的事件来监视cross-fade-delayed过渡动画的结束。

但是，一个快速的解决方法是，在on-core-animated-pages-transition-end处理程序内部，在转换持续时间的简单延迟后调用您的 js 函数cross-fade-delayed。

setTimeout(function () {
    console.log('animation transition completed!');
},
// convert for example 400ms to 400
parseInt(CoreStyle.g.transitions.xfadeDelay, 10));

您甚至可能希望在 just 之上添加 50 毫秒到 100 毫秒的延迟，xfadeDelay以确保 js 函数在 UI 上顺利运行。