IoT-Gadgets-Logo-272-90

Qt + QML - Tommi Shows Flipboard page flip

By
Ash
 - 
Mar 13, 2011

It seems like Tommi Laukkanen has really got the QML under his Skin. He is the creator of TwimGo (Twitter App newly based on Qt & QML), Kasvopus (Qt Quick, QML and JavaScript), DoodleDrive (Alpha version QML) and now shows his hand at an e-Book reader type app.

The inspiration behind it is the iPad app "Flipboard", with animated page turning. Heres the video:

The effect was created as below:

Flipable element which is clipped with parent Item element so that only the half of the flipable is visible at all times. The flipable element contains a duplicate page content as the underlying element which is just created with HTML formatted Text element. I also added a flavor of shadow to the Transition animation so that inner part of the fold seems a bit darker. Shadow was created with transparent gradient image.

QML Source code is downloadable from here.

Via [Source]

IoT-Gadgets-Logo-272-90

About us

IoT Gadgets is dedicated to bring you all the Internet of Things IoT news that pertains to gadgets. Simple. We love for you to join us on this journey.

Contact us: [email protected]

FOLLOW US

crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram