Quantcast
Channel: Qt DevNet forums: Qt Quick 1283365070**
Viewing all articles
Browse latest Browse all 4972

Hint about transitions

$
0
0
Hello, my application is composed of a dozen of full-screen pages (rectangles which contain other objects). In background there is a C++ class which receives data from the fields, let’s say the number of the new page to be displayed. I defined a state for each page, in order to enable a transition but the codes looks ugly: states: [         State {             name: "category"             PropertyChanges { target: pageCategory; opacity: 1.0; z: 1 }             PropertyChanges { target: pageWalk; opacity: 0.0; z: 0 }             PropertyChanges { target: pageOptions; opacity: 0.0; z: 0 }             PropertyChanges { target: pagePaused; opacity: 0.0; z: 0 }             PropertyChanges { target: root; visible: true }         },         State {             name: "walk"             PropertyChanges { target: pageCategory; opacity: 0.0; z: 0 }             PropertyChanges { target: pageWalk; opacity: 1.0; z: 1 }             PropertyChanges { target: pageOptions; opacity: 0.0; z: 0 }             PropertyChanges { target: pagePaused; opacity: 0.0; z: 0 }             PropertyChanges { target: root; visible: true }         },         State {             name: "options"             PropertyChanges { target: pageCategory; opacity: 0.0; z: 0 }             PropertyChanges { target: pageWalk; opacity: 0.0; z: 0 }             PropertyChanges { target: pageOptions; opacity: 1.0; z: 1 }             PropertyChanges { target: pagePaused; opacity: 0.0; z: 0 }             PropertyChanges { target: root; visible: true }         },         State {             name: "paused"             PropertyChanges { target: pageCategory; opacity: 0.0; z: 0 }             PropertyChanges { target: pageWalk; opacity: 0.0; z: 0 }             PropertyChanges { target: pageOptions; opacity: 0.0; z: 0 }             PropertyChanges { target: pagePaused; opacity: 1.0; z: 1 }             PropertyChanges { target: root; visible: true }         },         State {             name: "run"             PropertyChanges { target: root; visible: false }         }       ]       transitions: [         Transition {             PropertyAnimation { property: "opacity"; duration: 1000; easing.type: Easing.InOutQuad }         }     ] I wouldn’t insert all the others pages to set their opacity and z parameters… Is there a way to fading into a new page just selecting the new one? Here I wrote few pages, in the real application there are a lot more…. Thanks!

Viewing all articles
Browse latest Browse all 4972

Latest Images

Trending Articles



Latest Images