Qml旋转箭头

来源:互联网 发布:网管软件 编辑:程序博客网 时间:2024/05/24 04:22

一个向右的箭头, 点击顺时针旋转90°, 再次点击逆时针旋转90°

Image {        id: image        height: 24        width: 24        anchors.centerIn: parent        source: "qrc:/image.png"        MouseArea{            anchors.fill: parent            onClicked:{                if (rotationAnimation.running === true) return;                rotationAnimation.start();            }        }    }    RotationAnimation{        id: rotationAnimation        target: image        from: 0        to: 90        duration: 100        onStopped: {            if (isDown === true)            {                rotationAnimation.from = 0;                rotationAnimation.to = 90;            }            else            {                rotationAnimation.from = 90;                rotationAnimation.to = 0;            }            isDown = !isDown;        }    }

这里写图片描述

需要完整代码请访问QtQuickExamples