Тип QML SmoothedAnimation

Позволяет свойству плавно отслеживать значение. Подробнее...

• Список всех членов, включая наследуемые

Свойства

• duration : int
• maximumEasingTime : int
• reversingMode : перечисление
• velocity : вещественное число

Подробное описание

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 можно настроить, установив скорость, с которой должна выполняться анимация, или время анимации. Если указаны и скорость, и время, для каждого изменения целевого значения используется то, что приводит к более быстрой анимации.

Например, анимация от 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

Это свойство задаёт максимальное время в мс, которое могут занимать любые «сглаживания» (eases) во время отслеживания. Установка этого свойства приводит к «уровнению» скорости после определённого времени. Установка отрицательного значения возвращает к обычному режиму сглаживания на протяжении всей длительности анимации.

Значение по умолчанию равно -1.

reversingMode : перечисление

Устанавливает, как SmoothedAnimation ведёт себя, если направление анимации меняется на обратное.

Возможные значения:

• SmoothedAnimation.Eased (по умолчанию) — анимация плавно замедлится, а затем изменит направление
• SmoothedAnimation.Immediate — анимация немедленно начнёт ускорение в обратном направлении, начав с скорости 0
• SmoothedAnimation.Sync — свойство немедленно устанавливается в целевое значение

velocity : вещественное число

Это свойство содержит среднюю скорость, разрешённую при отслеживании значения «до».

По умолчанию скорость SmoothedAnimation составляет 200 единиц в секунду.

Установка значения -1 отключает значение скорости.

Если значения скорости и длительности оба включены, анимация будет использовать то, что обеспечивает меньшую длительность.