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