Конечное событие с отложенным переходом

Я использую переход кроссфейдера с задержкой в ​​моем полимерном приложении, чтобы хорошо играть с переходом героя: текст кроссфейдера после завершения перехода героя.

В настоящее время я использую обратный вызов на переходном конце для запуска другой операции (некоторый вызов функции javascript). Проблема в том, что этот вызов немного дорогостоящий, поэтому задержка перехода между затуханиями затухает.

call-end перехода завершается после завершения перехода героя. Есть ли подобное событие, чтобы узнать, когда закончится задержка перехода?

Бест, Николас

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

Вы можете даже добавить от 50 мс до 100 мс к задержке в верхней части xfadeDelay просто чтобы убедиться, что функция JS работает на пользовательском интерфейсе.

Другие вопросы по тегам