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

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

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

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

duration : int

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

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

easing.amplitude : real

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

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

AnchorAnimation { easing.type: Easing.InOutQuad }

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

targets : list<Item>

Элементы, для которых необходимо изменить якоря.

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