Тип QML SmoothedAnimation
Позволяет свойству плавно отслеживать значение. Подробнее...
| Оператор импорта: | import QtQuick 2.14 |
| Наследует: |
Свойства
- duration : int
- maximumEasingTime : int
- reversingMode : перечисление
- velocity : real
Подробное описание
SmoothedAnimation анимирует значение свойства до заданного целевого значения с помощью кривой плавного перехода «вход/выход». При изменении целевого значения кривые плавного перехода, используемые для анимации между старым и новым целевыми значениями, плавно соединяются, чтобы создать плавное движение к новому целевому значению, сохраняя текущую скорость.
Следующий пример демонстрирует, как один Rectangle отслеживает положение другого с помощью SmoothedAnimation. Значения x и y зеленого прямоугольника привязаны к значениям красного прямоугольника. Всякий раз, когда эти значения изменяются, зеленый прямоугольник плавно анимируется в новое положение:
import QtQuick 2.0
Rectangle {
width: 800; height: 600
color: "blue"
Rectangle {
width: 60; height: 60
x: rect1.x - 5; y: rect1.y - 5
color: "green"
Behavior on x { SmoothedAnimation { velocity: 200 } }
Behavior on y { SmoothedAnimation { velocity: 200 } }
}
Rectangle {
id: rect1
width: 50; height: 50
color: "red"
}
focus: true
Keys.onRightPressed: rect1.x = rect1.x + 100
Keys.onLeftPressed: rect1.x = rect1.x - 100
Keys.onUpPressed: rect1.y = rect1.y - 100
Keys.onDownPressed: rect1.y = rect1.y + 100
} SmoothedAnimation можно настроить, задав скорость velocity анимации или продолжительность duration анимации. Если указаны и скорость velocity, и продолжительность duration, для каждого изменения целевого значения выбирается значение, обеспечивающее самую быструю анимацию.
Например, анимация от 0 до 800 займет 4 секунды при скорости 200, 8 секунд при продолжительности 8000 и 4 секунды при указании и скорости 200, и продолжительности 8000. Анимация от 0 до 20000 займет 10 секунд при скорости 200, 8 секунд при продолжительности 8000 и 8 секунд при указании и скорости 200, и продолжительности 8000.
По умолчанию скорость SmoothedAnimation составляет 200 единиц/секунду. Обратите внимание, что если диапазон анимируемого значения невелик, скорость необходимо соответствующим образом скорректировать. Например, непрозрачность элемента варьируется от 0 до 1,0. Чтобы обеспечить плавную анимацию в этом диапазоне, скорость нужно установить на такое значение, как 0,5 единиц/секунду. Анимация от 0 до 1,0 со скоростью 0,5 займет 2000 мс.
Как и любой другой тип анимации, SmoothedAnimation можно применять различными способами, включая переходы, поведения и источники значений свойств. В документации «Анимация и переходы в Qt Quick» показано множество способов создания анимаций.
См. такжеSpringAnimation, NumberAnimation, Анимация и переходы в Qt Quick и Примеры Qt Quick — Анимация.
Документация по свойствам
duration : int
Это свойство содержит продолжительность анимации в мс, используемую при отслеживании источника.
Установка значения -1 (по умолчанию) отключает значение продолжительности.
Если значения скорости и продолжительности оба включены, анимация будет использовать значение, которое обеспечивает меньшую продолжительность.
maximumEasingTime : int
Это свойство задает максимальное время в мс, которое могут занимать «сглаживания» во время отслеживания. Установка этого свойства приводит к «выравниванию» скорости по истечении времени. Установка отрицательного значения возвращает к обычному режиму сглаживания на протяжении всей продолжительности анимации.
Значение по умолчанию — -1.
reversingMode : перечисление
Устанавливает, как SmoothedAnimation ведет себя при изменении направления анимации.
Возможные значения:
- SmoothedAnimation.Eased (по умолчанию) — анимация плавно замедляется, а затем меняет направление
- SmoothedAnimation.Immediate — анимация сразу же начинает ускоряться в обратном направлении, начав с скорости 0
- SmoothedAnimation.Sync — свойство сразу же устанавливается в целевое значение
velocity : real
Это свойство содержит среднюю скорость, разрешенную при отслеживании значения «к».
По умолчанию скорость SmoothedAnimation составляет 200 единиц/секунду.
Установка значения -1 отключает значение скорости.
Если значения скорости и продолжительности оба включены, анимация будет использовать значение, которое обеспечивает меньшую продолжительность.
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-5.14/qml-qtquick-smoothedanimation.html