QML Сделать задержку перед началом анимации

Понадобилось, что бы перед началом анимации была задержка — например, что бы подсказка не всплывала, если курсор просто мимо пролетал.

Обычно, это делается через Timer или добавлением промежуточной анимации. Мне же хотелось ограничится behavior и лишь одной анимацией, что бы не геммороиться с запуском таймеров и т.п.

Решение оказалось довольно простым, достаточно использовать сплайн из двух кривых Безье, которые фактически представляет собой пару отрезков (линейных кривых Безье) и вместе выглядят вот так: «_/»

...
visible: opacity>0
opacity: myButton.containsMouse? 1 : 0

Behavior on opacity {
  NumberAnimation {
    duration: 600
    easing.type: Easing.BezierSpline
    easing.bezierCurve: [0.8,0, 0.8,0, 0.8,0, 1,1, 1,1, 1,1] //-- 80% времени ждём (480 мс), потом линейно (120 мс)
  }
}

...

Можно изменить 0.8 — это процент ожидания от duration. Основная строчка это easing.bezierCurve: [], в которой мы задаём две кривых Безье, в каждой три параы координат — две контрольные точки и конечная. Конечная обязаны быть в (1, 1), иначе Qt выдаст ошибку, что не валидное значение.

Результат:

Вот как-то так =)