Translate QML Type | Qt Quick 6.1.3

- Qt 6.1
- Qt Quick
- QML Types
- Translate QML Type
- Qt 6.1.3 Reference Documentation

# Translate QML Type

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

Import Statement: | import QtQuick 2.1

- List of all members, including inherited members

## 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.