Тип QML PathAnimation
Анимирует элемент вдоль пути Подробнее...
| Заявление об импорте: | import QtQuick 2.5 |
| С тех пор: | Qt 5.0 |
| Наследует: |
Свойства
- anchorPoint : point
- duration : int
-
easing
- easing.type : перечисление
- easing.amplitude : вещественное число
- easing.bezierCurve : список<вещественное число>
- easing.overshoot : вещественное число
- easing.period : вещественное число
- 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 : point
Это свойство содержит точку якорной точки анимируемого элемента.
По умолчанию верхний левый угол целевого элемента (его точка 0,0) будет закреплён к (или следовать за) путём. Свойство anchorPoint может быть использовано для указания другой точки для закрепления. Например, указание anchorPoint 5,5 для элемента 10x10 означает, что центр элемента будет следовать за путём.
duration : int
Это свойство содержит длительность анимации в миллисекундах.
Значение по умолчанию — 250.
easing.type : перечисление
кривая сглаживания, используемая для анимации.
Для указания кривой сглаживания необходимо указать, по крайней мере, тип. Для некоторых кривых также можно указать амплитуду, период, превышение или данные пользовательской кривой Безье. Кривая сглаживания по умолчанию — Easing.Linear.
См. документацию PropertyAnimation::easing.type для получения информации о различных типах кривых сглаживания.
endRotation : вещественное число
Это свойство содержит конечное значение поворота целевого объекта.
Если для PathAnimation было указано значение ориентации, и путь не заканчивается на элементе с желаемым углом поворота, свойство endRotation можно использовать для ручного указания конечного угла поворота.
Это свойство обычно используется с orientationExitDuration, так как указание endRotation без orientationExitDuration может привести к скачку к конечному углу поворота вместо плавного перехода.
orientation : перечисление
Это свойство управляет поворотом элемента во время анимации по пути.
Если указано значение, отличное от Fixed, PathAnimation будет поворачивать элемент для достижения указанной ориентации по мере перемещения по пути.
- PathAnimation.Fixed (default) - анимация PathAnimation не будет управлять вращением элемента.
- PathAnimation.RightFirst - правая сторона элемента будет вести по траектории.
- PathAnimation.LeftFirst - левая сторона элемента будет вести по траектории.
- PathAnimation.BottomFirst - нижняя часть элемента будет вести по траектории.
- PathAnimation.TopFirst - верхняя часть элемента будет вести по траектории.
orientationEntryDuration : real
Это свойство содержит продолжительность (в миллисекундах) перехода в ориентацию.
Если для PathAnimation была задана ориентация, и начальное вращение элемента не соответствует ориентации, orientationEntryDuration может быть использовано для плавного перехода от начального вращения элемента к вращению, заданному ориентацией траектории.
orientationExitDuration : real
Это свойство содержит продолжительность (в миллисекундах) перехода из ориентации.
Если для PathAnimation были заданы ориентация и endRotation, orientationExitDuration может быть использовано для плавного перехода от вращения, заданного ориентацией траектории, к заданному endRotation.
path : Path
Это свойство содержит путь для анимации.
Для получения дополнительной информации о задании пути см. документацию по Path.
target : Item
Это свойство содержит анимируемый элемент.
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/archives/qt-5.6/qml-qtquick-pathanimation.html