SequentialAnimation QML Type

애니메이션을 순차적으로 실행할 수 있습니다. 더 보기...

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

상세 설명

SequentialAnimation 및 ParallelAnimation 유형은 여러 애니메이션을 함께 실행할 수 있습니다. 시퀀셜애니메이션에 정의된 애니메이션은 차례로 실행되는 반면, ParallelAnimation 에 정의된 애니메이션은 동시에 실행됩니다.

다음 예제는 두 개의 숫자 애니메이션을 시퀀스로 실행합니다. Rectangle 애니메이션은 x 위치 50으로 이동한 다음 y 위치 50으로 이동합니다.

import QtQuick

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

    SequentialAnimation {
        running: true
        NumberAnimation { target: rect; property: "x"; to: 50; duration: 1000 }
        NumberAnimation { target: rect; property: "y"; to: 50; duration: 1000 }
    }
}

Transition 내에 정의된 애니메이션은 자동으로 병렬로 실행되므로 원하는 경우 SequentialAnimation을 사용하여 애니메이션을 Transition 으로 묶을 수 있습니다.

다른 애니메이션 유형과 마찬가지로 전환, 동작 및 속성 값 소스 등 다양한 방식으로 SequentialAnimation을 적용할 수 있습니다. 애니메이션 및 트랜지션 문서( Qt Quick )에 애니메이션을 만드는 다양한 방법이 나와 있습니다.

ParallelAnimation, Qt Quick 의 애니메이션 및 전환 및 Qt Quick 예제 - 애니메이션도참조하세요 .