Rotation QML Type

Bietet eine Möglichkeit, ein Item zu drehen. Mehr...

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Eigenschaften

• angle : real
• axis
  • axis.x : real
  • axis.y : real
  • axis.z : real
• origin
  • origin.x : real
  • origin.y : real

Detaillierte Beschreibung

Der Typ Rotation ermöglicht es, eine Item durch eine Transformation vom Typ Rotation zu drehen.

Er ermöglicht die Rotation (z-Achse) relativ zu einem beliebigen Punkt und bietet außerdem eine Möglichkeit, 3D-ähnliche Rotationen für Elemente anzugeben. Dies gibt mehr Kontrolle über die Elementrotation als die rotation Eigenschaft.

Im folgenden Beispiel wird ein Rechteck um seinen inneren Punkt (25, 25) gedreht:

Rectangle {
    width: 100; height: 100
    color: "blue"
    transform: Rotation { origin.x: 25; origin.y: 25; angle: 45}
}

Für 3D-ähnliche Elementdrehungen müssen Sie zusätzlich zum Ursprungspunkt die Drehachse angeben. Das folgende Beispiel zeigt verschiedene 3D-ähnliche Drehungen, die auf ein Image angewendet werden.

import QtQuick

Row {
    x: 10; y: 10
    spacing: 10

    Image { source: "pics/qt.png" }
    Image {
        source: "pics/qt.png"
        transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 18 }
    }
    Image {
        source: "pics/qt.png"
        transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 36 }
    }
    Image {
        source: "pics/qt.png"
        transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 54 }
    }
    Image {
        source: "pics/qt.png"
        transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 72 }
    }
}

Siehe auch Dial Control Beispiel und Qt Quick Demo - Clocks.

Eigenschaft Dokumentation