Home Qt + QML – Tommi Shows Flipboard page flip

Qt + QML – Tommi Shows Flipboard page flip

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]

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the gambling and blockchain industries for major developments, new product and brand launches, game releases and other newsworthy events. Editors assign relevant stories to in-house staff writers with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.