Translate

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 2.0

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

[Missing image translate.png]

Property Documentation