Тип QML AnchorAnimation

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

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

Свойства

• duration : int
• easing
  • easing.type : перечисление
  • easing.amplitude : вещественное
  • easing.overshoot : вещественное
  • easing.period : вещественное
• 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.type : перечисление

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

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

AnchorAnimation { easing.type: Easing.InOutQuad }

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

targets : список<Item>

Элементы, которые нужно переместить.

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