Тип QML AnchorAnimation

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

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

Свойства

• 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.