Как создать флип-анимацию в каскадах ежевики QML

Question

Я новичок в каскадах Blackberry, я просмотрел некоторые анимации из образцов каскадов BlackBerry из 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 
    } 
}