Translate QML Type

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

Import Statement: import QtQuick 2.0

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.

© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-6.0/qml-qtquick-translate.html