QML Translate Element

Detailed Description

The Translate object provides independent control over position in addition to the Item's x and y properties.

The following example moves the Y axis of the Rectangle elements while still allowing the Row element to lay the items out as if they had not been transformed:

 import QtQuick 1.0

 Row {
     Rectangle {
         width: 100; height: 100
         color: "blue"
         transform: Translate { y: 20 }
     }
     Rectangle {
         width: 100; height: 100
         color: "red"
         transform: Translate { y: -20 }
     }
 }

Property Documentation