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

Question

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

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

我怎样才能实现同样的事情，但这次用不同的角度值旋转 x 和 y？

Answer 1

的transform属性Item是一个列表，因此您可以应用多个旋转：

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 }
        ]
    }
}