Тип QML PathAnimation

Анимирует элемент по пути. Подробнее...

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

Свойства

• anchorPoint : точка
• duration : целое число
• easing
  • easing.amplitude : вещественное число
  • easing.bezierCurve : список<вещественное число>
  • easing.overshoot : вещественное число
  • easing.period : вещественное число
  • easing.type : перечисление
• endRotation : вещественное число
• orientation : перечисление
• orientationEntryDuration : вещественное число
• orientationExitDuration : вещественное число
• path : Путь
• target : Элемент

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

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

PathAnimation {
    path: Path {
        //no startX, startY
        PathCurve { x: 100; y: 100}
        PathCurve {}    //last element is empty with no end point specified
    }
}

В этом случае началом пути будет текущее положение элемента, а концом — целевое положение элемента в целевом состоянии.

См. также Анимация и переходы в Qt Quick и PathInterpolator.

Документация по свойствам

anchorPoint : точка

Это свойство содержит точку привязки для анимируемого элемента.

По умолчанию верхний левый угол целевого объекта (его точка 0,0) будет привязан к (или следовать за) путем. Свойство anchorPoint можно использовать для указания другой точки привязки. Например, указание anchorPoint 5,5 для элемента 10x10 означает, что центр элемента будет следовать за путем.

duration : целое число

Это свойство содержит продолжительность анимации в миллисекундах.

Значение по умолчанию — 250.

easing.amplitude : вещественное число

кривая сглаживания, используемая для анимации.

Для указания кривой сглаживания необходимо указать по крайней мере тип. Для некоторых кривых также можно указать амплитуду, период, перескок или данные пользовательской кривой Безье. Кривая сглаживания по умолчанию — Easing.Linear.

См. документацию свойства PropertyAnimation::easing.type для получения информации о различных типах кривых сглаживания.

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

Это свойство содержит конечное значение поворота целевого объекта.

Если для PathAnimation было указано значение ориентации, и путь не заканчивается с элементом в желаемом значении поворота, свойство endRotation можно использовать для ручного задания конечного значения поворота.

Это свойство обычно используется с orientationExitDuration, так как указание endRotation без orientationExitDuration может привести к скачку до конечного значения поворота вместо плавного перехода.

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

Это свойство управляет поворотом элемента во время анимации по пути.

Если указано значение, отличное от Fixed, PathAnimation будет поворачивать элемент, чтобы достичь указанной ориентации во время перемещения по пути.

• PathAnimation.Fixed (по умолчанию) — PathAnimation не будет контролировать поворот элемента.
• PathAnimation.RightFirst — Правая сторона элемента будет идти по пути впереди.
• PathAnimation.LeftFirst — Левая сторона элемента будет идти по пути впереди.
• PathAnimation.BottomFirst — Нижняя сторона элемента будет идти по пути впереди.
• PathAnimation.TopFirst — Верхняя сторона элемента будет идти по пути впереди.

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

Это свойство содержит продолжительность (в миллисекундах) перехода в ориентацию.

Если для PathAnimation была указана ориентация, и начальный поворот элемента не соответствует тому, который задан ориентацией, orientationEntryDuration можно использовать для плавного перехода от начального поворота элемента к повороту, заданному ориентацией пути.

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

Это свойство содержит продолжительность (в миллисекундах) перехода из ориентации.

Если для PathAnimation были указаны ориентация и endRotation, orientationExitDuration можно использовать для плавного перехода от поворота, заданного ориентацией пути, к указанному endRotation.

path : Путь

Это свойство содержит путь, по которому выполняется анимация.

Дополнительную информацию об определении пути см. в документации Путь.

target : Элемент

Это свойство содержит анимируемый элемент.