qml自学笔记------自己写类似于劲舞团的按键小游戏（上）

最新推荐文章于 2024-07-15 16:07:27 发布

沉西乐恩

最新推荐文章于 2024-07-15 16:07:27 发布

阅读量2.4k

点赞数 3

分类专栏： Qt 开发文章标签： qt qml

本文链接：https://blog.csdn.net/CSDN_logo/article/details/47040307

版权

这篇博客介绍了如何使用Qt的QML语言来实现一个类似劲舞团的按键小游戏。作者通过KeyGame.qml、ScorePart.qml和OperationPart.qml等组件设计了游戏界面和逻辑，包括显示得分、操作反馈以及滑动指示的检测。游戏中，玩家需根据指示按空格、上下左右键，正确操作得分，错误则不得分。博客详细阐述了各个组件的功能和按键事件处理机制。

摘要由CSDN通过智能技术生成

QML（Qt Meta-Object Language，Qt元对象语言）是一个用来描述应用程序的用户界面的声明式语言。花了点时间看完霍亚飞的《Qt及Qt Quick开发实战精解》后，为了巩固一下的所学，自己写了一个类似于劲舞团的按键小游戏。游戏如下图，根据经过粉红色竖线图片的指示，按空格、上、下、左和右键，按对得分，按错不得分，游戏不多说，上代码！

首先主画面文件名：KeyGame.qml

整个主画面用了五个组件，ScorePart：用于显示当前得分以及滑过的图片的数目；OperationPart：用于显示按下的键，例如当按下键盘的space键时游戏中的space键会变红，其他键同；DisplayPart：用于定时的随机滑过空格或箭头图片，当图片经过粉红色竖线时检测是否得分；另外两个组件就是“暂停/开始”和“重新开始”两个按键，功能如文字提示。

import QtQuick 1.1

Rectangle {
    id: mainWindow

    property int currentScore : 0
    property int currentNum : 0
    property int level: 3000

    width: 500
    height: 700

    ScorePart {
        id: scorePart

        anchors.top: parent.top
        anchors.horizontalCenter: parent.horizontalCenter
    }

    OperationPart {
        id: operationPart

        anchors.verticalCenter: parent.verticalCenter
        anchors.horizontalCenter: parent.horizontalCenter

        DisplayPart {
            id: displayPart

            anchors.top: parent.top
            anchors.horizontalCenter: parent.horizontalCenter
        }
    }

    PauseButton {
        id: pauseButton

        anchors.bottom: parent.bottom
        anc