Author Topic: Using Property Animations on QML (Read 851 times)

Allstar12345 · « **on:** June 01, 2013, 04:10:00 am »

Property Animations are kind of self explanatory, they are animations that work of the Components properties, here is a small example of one using the Scale property, this one halves the size with a fairly nice animation:

Code: [Select]

PropertyAnimation {
        target: button1
        id: button1ami
        duration: 200
        properties: "scale"
        to: 0.5
    }

To start the animation you need to use the id then .start(); like so:

Code: [Select]

button1ami.start();
You can also aim for multiple targets by using

Code: [Select]

targets: [button1,button2] instead of the usual target.

Allstar12345 · « **Reply #1 on:** June 01, 2013, 04:20:50 am »

Also the Animation can be paused for a while by wrapping it in a SequentialAnimation:

Code: [Select]

SequentialAnimation {
        id: button1ami
        PauseAnimation { duration: 700 }
PropertyAnimation {
        target: button1
        duration: 200
        properties: "scale"
        to: 0.5
    }
}

Now the id is moved from the Property Animation to the Sequential so that the full thing is triggered.

Symbian-Developers

Author Topic: Using Property Animations on QML (Read 851 times)

Allstar12345

Using Property Animations on QML

Allstar12345

Re: Using Property Animations on QML