Тип 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 используется в Переходе, он будет анимировать любые AnchorChanges, которые произошли во время изменения состояния. Это можно переопределить, задав конкретный целевой элемент с помощью свойства AnchorChanges.target.

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

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

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

duration : int

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

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

easing.type : перечисление

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

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

AnchorAnimation { easing.type: Easing.InOutQuad }

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

targets : список<Item>

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

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