Thanks for that. So there is no way to "kick" it off automatically after loading? How can I animate (transition) from any state to another? The click-trick just jumps there.
Thanks again. ________________________________ From: "[email protected]" <[email protected]> To: [email protected] Cc: [email protected] Sent: Thu, March 11, 2010 11:12:47 AM Subject: Re: [Qt4-preview-feedback] QML animations There is no way to do animations in the UI at the moment. That has to be done in the edit mode for now. You need a MouseArea to do things based on clicking the screen. See below. Br, Nigel import Qt 4.6 Rectangle { id: rectangle1 width: 200 height: 200 MouseArea { id: clickArea anchors.fill: parent onClicked: { switch (rectangle1.state) { case "": rectangle1.state = "State1"; break; case "State1": rectangle1.state = "State2"; break; case "State2": rectangle1.state = "State3"; break; case "State3": rectangle1.state = ""; break; } } } Text { id: text1 x: 37 y: 78 text: "Hello World" anchors.verticalCenter: parent.verticalCenter anchors.horizontalCenter: parent.horizontalCenter font.pointSize: 25 font.family: "NiteClub" color: "red" } states: [ State { name: "State1" PropertyChanges { target: text1 x: 68 y: 6 anchors.verticalCenterOffset: -77 anchors.horizontalCenterOffset: 31 opacity: 0.33 } }, State { name: "State2" PropertyChanges { target: text1 x: 68 y: 161 anchors.horizontalCenterOffset: 31 anchors.verticalCenterOffset: 78 opacity: 1 } }, State { name: "State3" PropertyChanges { target: text1 x: 37 y: 84 color: "#0011ff" anchors.horizontalCenterOffset: 0 anchors.verticalCenterOffset: 0 opacity: 1 } } ] transitions: [ Transition { from: "*" to: "State1" reversible: true ParallelAnimation { NumberAnimation { property: "opacity" duration: 1000 target: text1 } NumberAnimation { duration: 1000 target: text1 properties: "x,y" } } } ] } On Mar 11, 2010, at 6:00 PM, ext Jason H wrote: I am trying to use the new QtCreator 2.0 to make animations. > >The GUI is simple enough, I have created several states, but I cannot figure >out how to animate between them. This trivial example defines a couple states >which chance location, opacity and color. I would like to start from the >initial state, then progress from state1 to state2 ... etc, after state3, >return to the original. > >I can't figure out how to kick off and chain the animations. Any help would >be... well, helpful. (And appreciated) >Also, is there a way to set this in the GUI, for now I am hand-editing the >file. > > >import Qt 4.6 > >Rectangle { > id: rectangle1 > width: 200 > height: 200 > Text { > id: text1 > x: 37 > y: 78 > text: "Hello World" > anchors.verticalCenter: parent.verticalCenter > anchors.horizontalCenter: parent.horizontalCenter > font.pointSize: 25 > font.family: "NiteClub" > color: "red" > } > states: [ > State { > name: "State1" > > PropertyChanges { > target: text1 > x: 68 > y: 6 > anchors.verticalCenterOffset: -77 > anchors.horizontalCenterOffset: 31 > opacity: 0.33 > } > }, > State { > name: "State2" > PropertyChanges { > target: text1 > x: 68 > y: 161 > anchors.horizontalCenterOffset: 31 > anchors.verticalCenterOffset: 78 > opacity: 1 > } > }, > State { > name: "State3" > PropertyChanges { > target: text1 > x: 37 > y: 84 > color: "#0011ff" > anchors.horizontalCenterOffset: 0 > anchors.verticalCenterOffset: 0 > opacity: 1 > } > } > ] > transitions: > [ > Transition { > from: "*" > to: "State1" > reversible: true > ParallelAnimation { > NumberAnimation { > property: "opacity" > duration: 1000 > target: text1 > } > NumberAnimation { > duration: 1000 > target: text1 > properties: "x,y" > } > } > } > ] >} > > > >_______________________________________________ >Qt4-preview-feedback mailing list >[email protected] >http://lists.trolltech.com/mailman/listinfo/qt4-preview-feedback >
_______________________________________________ Qt4-preview-feedback mailing list [email protected] http://lists.trolltech.com/mailman/listinfo/qt4-preview-feedback
