Translate QML Type

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

Import Statement: import QtQuick 2.11

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.