Тип QML Rotation
Предоставляет способ поворота элемента Item. Подробнее...
| Заявление об импорте: | import QtQuick 2.15 |
Свойства
Подробное описание
Тип Rotation предоставляет способ поворота элемента Item с помощью трансформации типа поворота.
Он позволяет (поворот вокруг оси z) быть относительным к произвольной точке, а также предоставляет способ задания поворотов, похожих на 3D, для элементов Item. Это обеспечивает больший контроль над поворотом элемента, чем свойство rotation.
Следующий пример вращает прямоугольник вокруг его внутренней точки (25, 25):
Rectangle {
width: 100; height: 100
color: "blue"
transform: Rotation { origin.x: 25; origin.y: 25; angle: 45}
} Для поворотов элементов, похожих на 3D, необходимо указать ось вращения дополнительно к точке начала. Следующий пример демонстрирует различные повороты, похожие на 3D, примененные к изображению Image.
import QtQuick 2.0
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 }
}
} См. также пример Dial Control и Qt Quick Demo - Часы.
Документация свойств
angle : real
Угол поворота в градусах по часовой стрелке.
axis.x : real
Ось вращения. Для простого (2D) поворота вокруг точки не нужно указывать ось, поскольку по умолчанию ось — это ось z (axis { x: 0; y: 0; z: 1 }).
Для типичного поворота, похожего на 3D, обычно указывают и начало, и ось.
origin.x : real
Точка начала поворота (т. е. точка, которая остается неподвижной относительно родительского элемента при вращении остальных элементов). По умолчанию начало — это (0, 0).
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-5.15/qml-qtquick-rotation.html