×
Namespaces

Variants
Actions
Revision as of 04:13, 11 October 2012 by hamishwillee (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Archived:Animating graphics item position and rotation simultaneously

From Nokia Developer Wiki
Jump to: navigation, search

Archived.pngArchived: This article is archived because it is not considered relevant for third-party developers creating commercial solutions today. If you think this article is still relevant, let us know by adding the template {{ReviewForRemovalFromArchive|user=~~~~|write your reason here}}.

Qt Quick should be used for all UI development on mobile devices. The approach described in this article (using C++ for the Qt app UI) is deprecated.

Article Metadata
Code ExampleTested with
Devices(s): Symbian, Windows
Compatibility
Platform(s): S60 3rd Edition, FP1
S60 3rd Edition, FP2
S60 5th Edition
Maemo
Symbian
S60 5th Edition
S60 3rd Edition FP2
S60 3rd Edition FP1
Article
Keywords: QGraphicsItem, QPropertyAnimation, QParallelAnimationGroup
Created: tepaa (17 Dec 2009)
Last edited: hamishwillee (11 Oct 2012)


Contents

Overview

This series of snippets demonstrates how to implement nice animation effects into your Qt UI application. Qt 4.6 has Qt Animation Framework as a built-in feature. Documentation can be found here: [1]

This snippet shows how to execute parallel animations using QParallelAnimationGroup. Item position and rotation are animated simultaneously.

See full example code here: File:Animation fw.zip


Preconditions

Qt 4.6 has been installed.


Header file

// Animate position and angle
void animatePosAndAngle(const QPointF& start, const QPointF& end,
int startAngle, int endAngle);
};


Source file

Create animations in QParallelAnimationGroup to execute them simultaneously.

void PictureItem::animatePosAndAngle(const QPointF& start, const QPointF& end,
int startAngle, int endAngle)
{
// Create animation group
// Animations in the group are executed in same time
QParallelAnimationGroup *group = new QParallelAnimationGroup;
 
// Create rotation animation
QPropertyAnimation* anim1 = new QPropertyAnimation(this, "rotationAngleY");
anim1->setDuration(3000);
anim1->setStartValue(startAngle);
anim1->setEndValue(endAngle);
anim1->setEasingCurve(QEasingCurve::InOutBack);
 
// Create position animation
QPropertyAnimation* anim2 = new QPropertyAnimation(this, "pos");
anim2->setDuration(3000);
anim2->setStartValue(start);
anim2->setEndValue(end);
anim2->setEasingCurve(QEasingCurve::InOutElastic);
 
// Add animations into the group
group->addAnimation(anim1);
group->addAnimation(anim2);
 
// Execute group
group->start(QAbstractAnimation::DeleteWhenStopped);
}


Postconditions

Parallel animation has been created using QParallelAnimationGroup.

Animation Framework snippet series

Full example code package

This page was last modified on 11 October 2012, at 04:13.
131 page views in the last 30 days.