Behavior QML Type

Legt eine Standardanimation für eine Eigenschaftsänderung fest. Mehr...

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Eigenschaften

• animation : Animation
• enabled : bool
• targetProperty (since QtQuick 2.15)
  • targetProperty.name : string (since QtQuick 2.15)
  • targetProperty.object : QtObject (since QtQuick 2.15)
• targetValue : Variant (since QtQuick 2.13)

Detaillierte Beschreibung

Ein Verhalten definiert die Standardanimation, die immer dann angewendet wird, wenn sich ein bestimmter Eigenschaftswert ändert.

Das folgende Verhalten definiert beispielsweise ein NumberAnimation, das immer dann ausgeführt wird, wenn sich der Wert von Rectangle' width ändert. Wenn MouseArea angeklickt wird, wird width geändert, wodurch die Animation des Verhaltens ausgelöst wird:

import QtQuick

Rectangle {
    id: rect
    width: 100; height: 100
    color: "red"

    Behavior on width {
        NumberAnimation { duration: 1000 }
    }

    MouseArea {
        anchors.fill: parent
        onClicked: rect.width = 50
    }
}

Beachten Sie, dass einer Eigenschaft nicht mehr als ein Verhalten zugewiesen werden kann. Um mehrere Animationen innerhalb eines Behaviours bereitzustellen, verwenden Sie ParallelAnimation oder SequentialAnimation.

Wenn eine Zustandsänderung eine Transition hat, die mit der gleichen Eigenschaft wie ein Verhalten übereinstimmt, hat die Animation Transition für diese Zustandsänderung Vorrang vor dem Verhalten. Allgemeine Hinweise zur Verwendung von Behaviors zur Animation von Zustandsänderungen finden Sie unter Qt Quick Behaviors mit Zuständen verwenden.

Siehe auch Animation und Übergänge in Qt Quick, Verhaltensbeispiel und Qt Qml.

Eigenschaft Dokumentation

// FadeBehavior.qml
import QtQuick 2.15

Behavior {
    id: root
    property Item fadeTarget: targetProperty.object
    SequentialAnimation {
        NumberAnimation {
            target: root.fadeTarget
            property: "opacity"
            to: 0
            easing.type: Easing.InQuad
        }
        PropertyAction { } // actually change the controlled property between the 2 other animations
        NumberAnimation {
            target: root.fadeTarget
            property: "opacity"
            to: 1
            easing.type: Easing.OutQuad
        }
    }
}

import QtQuick 2.15

Text {
    id: root
    property int counter
    text: counter
    FadeBehavior on text {}
    Timer {
        running: true
        repeat: true
        interval: 1000
        onTriggered: ++root.counter
    }
}