Анимация якорей QML Тип

Анимирует изменения значений якорей. Подробнее...

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

Свойства

• duration : int
• easing
  • easing.amplitude : real
  • easing.overshoot : real
  • easing.period : real
  • easing.type : перечисление
• targets : список<Item>

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

AnchorAnimation используется для анимации изменения якоря.

В следующем фрагменте кода мы анимируем добавление правого якоря к Rectangle:

import QtQuick 2.0

Item {
    id: container
    width: 200; height: 200

    Rectangle {
        id: myRect
        width: 100; height: 100
        color: "red"
    }

    states: State {
        name: "reanchored"
        AnchorChanges { target: myRect; anchors.right: container.right }
    }

    transitions: Transition {
        // smoothly reanchor myRect and move into new position
        AnchorAnimation { duration: 1000 }
    }

    Component.onCompleted: container.state = "reanchored"
}

Когда AnchorAnimation используется в Transition, он будет анимировать любые AnchorChanges, произошедшие во время изменения состояния. Это можно переопределить, установив конкретный целевой элемент с помощью свойства AnchorChanges.target.

Примечание: AnchorAnimation может использоваться только в Transition и в сочетании с AnchorChange. Его нельзя использовать в поведении и других типах анимаций.

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

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

duration : int

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

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

easing.amplitude : real

Указывает кривую плавного ускорения/замедления, используемую для анимации

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

AnchorAnimation { easing.type: Easing.InOutQuad }

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

targets : список<Item>

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

Если целевые элементы не указаны, все AnchorChanges будут анимированы AnchorAnimation.