ParentAnimation QML Type

부모 값의 변화를 애니메이션으로 표시합니다. 더 보기...

• 상속된 멤버를 포함한 모든 멤버 목록

속성

• newParent : Item
• target : Item
• via : Item

상세 설명

부모 애니메이션은 Item 에 대한 부모 변경 애니메이션을 적용하는 데 사용됩니다.

예를 들어 다음 ParentChange 을 클릭하면 blueRect 이 redRect 의 자식으로 변경됩니다. 전환 중에 적용될 NumberAnimation 을 정의하는 ParentAnimation을 포함하면 항목이 새 부모로 이동할 때 원활하게 애니메이션이 적용됩니다:

import QtQuick

Item {
    width: 200; height: 100

    Rectangle {
        id: redRect
        width: 100; height: 100
        color: "red"
    }

    Rectangle {
        id: blueRect
        x: redRect.width
        width: 50; height: 50
        color: "blue"

        states: State {
            name: "reparented"
            ParentChange { target: blueRect; parent: redRect; x: 10; y: 10 }
        }

        transitions: Transition {
            ParentAnimation {
                NumberAnimation { properties: "x,y"; duration: 1000 }
            }
        }

        MouseArea { anchors.fill: parent; onClicked: blueRect.state = "reparented" }
    }
}

부모 애니메이션에는 애니메이션을 얼마든지 포함할 수 있습니다. 이러한 애니메이션은 병렬로 실행되며, 순차적으로 실행하려면 SequentialAnimation 내에 정의합니다.

클리핑이 활성화된 항목 간에 부모를 변경하는 경우와 같이 클리핑이 활성화되지 않은 다른 항목을 통해 부모 변경에 애니메이션을 적용하는 것이 유용한 경우가 있습니다. 이러한 항목은 via 속성을 사용하여 설정할 수 있습니다.

부모 애니메이션은 일반적으로 ParentChange 과 함께 Transition 내에서 사용됩니다. 이 방식으로 사용하면 상태 변경 중에 발생한 모든 ParentChange 에 애니메이션이 적용됩니다. target 속성을 사용하여 특정 대상 항목을 설정하면 이 속성을 재정의할 수 있습니다.

애니메이션 및 전환은 Qt Quick 및 Qt Quick 예제 - 애니메이션을참조하세요 .

속성 문서

ParentAnimation {
    target: myItem
    via: topLevelItem
    // ...
}