블랙 베리 캐스케이드에서 플립 애니메이션을 만드는 방법 QL

Question

블랙 베리 캐스케이드에 익숙하지 않은 나는 github에서 블랙 베리 캐스케이드 샘플의 일부 애니메이션을 들여다 보았지만 페이지를 플립 앤드 아웃하는 방법을 잘 모르겠습니다. 기본 푸시 및 팝 애니메이션 대신에 애니메이션을 사용합니다. 아래는 다음 페이지로의 기본 푸시 전환을 수행하는 페이지의 코드입니다. 이 전환을 플립으로 바꿔야합니다. 어떻게해야합니까?

NavigationPane { 
    id: nav 
    peekEnabled: false 
Page { 
    id: mainPage 

Button: 
{ 
onClicked:{ 

nav.push(homePageDefinition.createObject()); 
} 
} 

attachedObjects: [ 

    ComponentDefinition { 
     id: homePageDefinition 
     source: "homepage.qml" 
    } 
] 
} 
} 

Answer 1

시도 Flipable 항목. 예 :

Flipable { 
    id: flipable 
    anchors.fill: parent 
    property bool flipped: false 
    front: Rectangle {anchors.fill: parent; color: "green"} 
    back: Rectangle {anchors.fill: parent; color: "yellow" } 
    transform: Rotation { 
     id: rotation 
     origin.x: flipable.width/2 
     origin.y: flipable.height/2 
     axis.x: 0; axis.y: 1; axis.z: 0 
     angle: 0 
    } 
    states: State { 
     name: "back" 
     PropertyChanges { target: rotation; angle: 180 } 
     when: flipable.flipped 
    } 
    transitions: Transition { 
     NumberAnimation { target: rotation; property: "angle"; duration: 500 } 
    } 
    MouseArea { 
     anchors.fill: parent 
     onClicked: flipable.flipped = !flipable.flipped 
    } 
}