Qml：旋转风车案例

summer__7777

已于 2024-06-27 15:25:54 修改

阅读量224

点赞数 1

分类专栏： Qml学习文章标签： java 服务器 javascript

于 2024-04-08 22:26:31 首次发布

本文链接：https://blog.csdn.net/summer__7777/article/details/137526363

版权

Qml学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

功能：实现点击风车图片，图片旋转
在这里插入图片描述

windmill.qml

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Image {
        anchors.fill: parent
        id: background
        source: "../images/caodi.jpg"
        Image {
            height: 200
            anchors.bottom: parent.bottom
            anchors.horizontalCenter: parent.horizontalCenter
            //anchors.topMargin: 200
            id: pole
            source: "../images/bangzi.jpg"
        }
        Image {
            height: 100
            width: 100
            id: wheel
            source: "../images/fengche.png"
            anchors.bottom: pole.top
            anchors.horizontalCenter: parent.horizontalCenter

            // 风车行为：设置转动时间
            Behavior on rotation {
                NumberAnimation{
                    duration: 500
                }
            }

        }
        // 点击旋转
        MouseArea{
            anchors.fill: wheel
            onClicked: {
                wheel.rotation +=360
            }
        }
    }

}