Тип QML SmoothedAnimation
Позволяет свойству плавно отслеживать значение. Подробнее...
| Заявление об импорте: | import QtQuick 2.15 |
| Наследует: |
Свойства
- duration : int
- maximumEasingTime : int
- reversingMode : перечисление
- velocity : real
Подробное описание
SmoothedAnimation анимирует значение свойства до заданного целевого значения, используя кривую плавного перехода (ease in/out quad). При изменении целевого значения кривые плавного перехода, используемые для анимации между старым и новым целевыми значениями, плавно соединяются, создавая плавное движение к новому целевому значению, сохраняя текущую скорость.
Следующий пример демонстрирует, как один 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 : вещественное
Это свойство содержит среднюю скорость, разрешённую при отслеживании значения «to».
По умолчанию скорость SmoothedAnimation составляет 200 единиц/секунду.
Установка значения -1 отключает значение скорости.
Если значение скорости и значение продолжительности оба включены, анимация будет использовать значение, которое даёт меньшую продолжительность.
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-5.15/qml-qtquick-smoothedanimation.html