【Qt Quick】立体旋转图片

简介

我在做通讯软件练习的时候，在登录界面点击注册按钮的时候，让整个窗口立体旋转

代码

    transform: Rotation{
        //围绕哪个点开始旋转
        origin.x: root.width/2
        origin.y: root.height/2

        //绕着Y轴旋转
        axis{
            x: 0
            y: 1
            z: 0
        }
        //角度动画
        NumberAnimation on angle{
            id:na_Rotation
            running: false
            from: 0
            to: 90
            duration: 1000
            //loops: Animation.Infinite//无限循环
        }
    }

使用

    //注册账号
    Text {
        id: text_RegisterAnAccount
        text: qsTr("注册账号")
        opacity: 0.5
        font{
            bold:true
            pixelSize: root.fontSize - 4
        }
        anchors{
            left: parent.left
            leftMargin: 10
            bottom: parent.bottom
            bottomMargin: 10
        }
        MouseArea{
            anchors.fill: parent
            onClicked: {
            	//动画运行
                na_Rotation.running = true
            }
        }
    }

效果