- English
Categories
- Browser [1]
- Business Opportunities/Services [136]
- Community [6]
- Connectivity [1]
- Debugging [2]
- Design and User Experience [20]
- Devices [28]
- Distribute [28]
- Event [28]
- Flash Lite [4]
- Games [4]
- Hardware [8]
- Hindi [1]
- HTML5 [2]
- Java ME [16]
- Localization [2]
- Location [2]
- Location Based Services [9]
- Lumia [4]
- Maemo [7]
- MeeGo [2]
- Monetization [2]
- Multimedia [1]
- Networking [1]
- NFC [7]
- Nokia Store [17]
- Optimization [3]
- Ovi [3]
- Ovi for Developers [25]
- Performance [1]
- Photography [1]
- Porting [3]
- Portuguese [1]
- Privacy [1]
- Qt [88]
- Qt Mobility [1]
- Qt Project [1]
- Qt Quick [5]
- S60 [20]
- Series 40 [35]
- Signing [3]
- Symbian [10]
- Symbian C++ [15]
- Testing [4]
- Tools [13]
- Touch UI [1]
- UI [5]
- Web [1]
- Web Apps [11]
- Web Technology [10]
- Windows Phone [43]
- XNA [1]
Calendar
Recently...
- Champion of the month: Sajid Ali Anjum
- Champion of the Month: Firstman Marpaung enthuses for Windows Phone apps development
- Tools for full-touch Series 40 coming June 25, documentation available now
- Join the Big Brand Hack in San Francisco: meet and build apps with big brands
- New Nokia Asha devices bring full touch to Series 40
- Portuguese-language webinars offer Nokia platform training
- Contributor of the Month: Luis Valente goes above and beyond
- Champion of the Month: Craig Miller goes on location with LBS
- Nokia Developer Champion helps South African quadriplegics with phones, training
- Ready.Set () {Code} Challenge hits US and Canada
Make your transitions dance with easing curves
kevinSharp | 16 November, 2010 19:22
It's the difference between walking and dancing. Simple transitions visually walk a user from one state to another. With a technique called "easing curves" your transitions dance. An example in the Qt Creator IDE shows you how.
First, try to have the animation tell the user something. For example, a wipe transition from one Powerpoint slide to another may be visually interesting, but all you learn from the transition is that you're now looking at a new slide. On the other hand, minimize a window on a Mac and the animated transition guides your eye from where the window was to where the minimized icon is placed.
Next consider the physics of the animation. In a simple animated shift, an image moves at a constant rate of speed between initial and final positions. If the window were a physical object, the movement would require infinite acceleration to move from stationary to the transit speed, then the object would suddenly stop as if it ran into a solid brick wall. The human brain finds such a movement jarring. Objects in the real world have acceleration curves. Different physical systems exhibit different characteristic curves. Easing curves are the way to define and manipulate the way your objects move.
In your Qt Creator you will find a full example of Easing Curves. From the Welcome screen click Choose an Example/Animation Framework/Easing Curves. You'll see full source code to apply a variety of easing curves to your animations. Here's your chance to make them dance.
Qt
|
Next |
Previous |
Comments (0) |
Trackbacks (0)
Comments
You must login to post comments.
Login
