Translate QML Type

Provides a way to move an Item without changing its x or y properties. More...

Import Statement: import QtQuick 2.15

Properties

  • x : real
  • y : real

Detailed Description

The Translate type 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 items while still allowing the Row 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 }
     }
 }

Property Documentation

x : real

The translation along the X axis.

The default value is 0.0.


y : real

The translation along the Y axis.

The default value is 0.0.