QML Flipable Element

The Flipable item provides a surface that can be flipped. More...

Inherits Item

Properties

• back : Item
• front : Item
• side : enumeration

Detailed Description

Flipable is an item that can be visibly "flipped" between its front and back sides, like a card. It is used together with Rotation, State and Transition elements to produce a flipping effect.

The front and back properties are used to hold the items that are shown respectively on the front and back sides of the flipable item.

Example Usage

The following example shows a Flipable item that flips whenever it is clicked, rotating about the y-axis.

The Rotation element is used to specify the angle and axis of the flip. When flipped is true, the item changes to the "back" state, where the angle is changed to 180 degrees to produce the flipping effect.

The Transition creates the animation that changes the angle over the duration of one second. When the item changes between its "back" and default states, the NumberAnimation animates the angle between its old and new values.

See the QML States and QML Animation documentation for more details on state changes and how animations work within transitions.

See also Flipable example.

Property Documentation