如何在不同角度值的两个轴上旋转元素

Question

如果您需要在 QML 中旋转元素以实现某种 3d 翻转效果，那么您可以

transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 24 }

我怎样才能达到同样的目的，但这次用不同的角度值旋转 x 和 y？

Answer 1

Item的transform属性是一个列表，所以可以应用多次旋转：

import QtQuick 2.3
import QtQuick.Window 2.2

Window {
    visible: true
    width: 200
    height: 200

    Rectangle {
        width: 100
        height: 100
        anchors.centerIn: parent
        color: "red"

        transform: [
            Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 24 },
            Rotation { origin.x: 30; origin.y: 30; axis { x: 1; y: 0; z: 0 } angle: 60 }
        ]
    }
}

如何在不同角度值的两个轴上旋转元素

How to rotate an element on both axes with different angle values

qt

qml