Неверная продолжительность анимации

Question

Я заметил очень странное поведение анимации с QML. Я разработал тестовое приложение, чтобы попасть в функции анимации. На моем компьютере в офисе я установил Qt 5.4 под Windows 7 64 бит.

Я уверен, что анимация «сыграна» быстрее ожидаемой продолжительности. , например.

// *** Image item for "Failure" event *** 
    Image{ 
     id: failPanel 
     x: 300 
     y: -300 
     source: "images/fail.png" 
     scale: 0.5 
     visible: false 

     function startAnim() { 
      visible = true 
      x = 300 
      y = -300 
      failAnim.restart() 
     } 

     SequentialAnimation { 
      id: failAnim 
      NumberAnimation{ target: failPanel; property: "y"; to:300; duration: 700; easing.type: Easing.InOutQuad} 
      NumberAnimation{ target: failPanel; property: "y"; to:500; duration: 2000 } 
      NumberAnimation{ target: failPanel; property: "x"; to:-1500; duration: 700; easing.type: Easing.InBack} 
     } 
    } 

Все играют гораздо быстрее, чем указанный период времени я не обратил на него внимания, пока я не перекомпилировать тот же исходный код дома с гораздо быстрее ПК (Windows 8 64 бит). На моем персональном компьютере анимация воспроизводится в ожидаемые сроки ...

Очень странно. Ну, интересно, кто-то уже испытал эту проблему, или если есть определенные настройки QML, связанные с этой темой?

Answer 1

Вы можете проверить, является ли правильным использованием JavaScript «s Date объект сроки:

import QtQuick 2.0 
import QtQuick.Window 2.0 

Window { 
    id: root 
    y: 30 
    width: 1000 
    height: 800 
    visible: true 

    Rectangle{ 
     id: failPanel 
     x: 300 
     y: -300 
     color: "red" 
     scale: 0.5 
     width: 400 
     height: 400 
     visible: false 

     property var startDate 

     Component.onCompleted: startAnim() 

     function startAnim() { 
      visible = true 
      x = 300 
      y = -300 
      failAnim.restart() 

      startDate = new Date() 
      print("started animation at", startDate.toISOString()) 
     } 

     SequentialAnimation { 
      id: failAnim 
      NumberAnimation{ target: failPanel; property: "y"; to:300; duration: 700; easing.type: Easing.InOutQuad} 
      NumberAnimation{ target: failPanel; property: "y"; to:500; duration: 2000 } 
      NumberAnimation{ target: failPanel; property: "x"; to:-1500; duration: 700; easing.type: Easing.InBack} 

      onStopped: print("finished animation at", new Date().toISOString()) 
     } 
    } 
} 

Для меня (Windows 10, Qt 5.6), он работает:

qml: started animation at 2016-01-31T06:29:31.209Z 
qml: finished animation at 2016-01-31T06:29:34.631Z 

Ваш Проблемные звуки похожи на this ошибка. Возможно, вы сможете найти похожие.

Я также рекомендую попробовать с более новой версией Qt, если это возможно.

Answer 2

У нас была аналогичная проблема в компании, в которой я работаю. Проблема заключалась в том, что мы запустили основной поток за несколько миллисекунд после запуска анимации. Если основной поток работает, gui не обновляется, так как никакие события обновления не обрабатываются. Когда элемент управления finaly возвращается в цикл событий, все события обновления обрабатываются сразу, заставляя анимацию ro работать быстрее.

Решение заключается в том, чтобы запустить анимацию, как только ваша программа простаивает. Самый простой способ сделать это - это, вероятно, подключить слот для запуска анимации с помощью сигнала с использованием очереди. Затем анимация начнется после того, как controll будет передан eventloop.