Qt图形化界面学习之翻金币案例

最新推荐文章于 2024-03-28 11:30:09 发布

原创最新推荐文章于 2024-03-28 11:30:09 发布 · 309 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt #学习 #开发语言

Qt学习专栏收录该内容

14 篇文章

订阅专栏

本文详细描述了一个游戏开发过程，包括创建项目，资源添加，场景设置（如背景、按钮和音效），以及游戏逻辑如关卡选择、按钮事件处理和金币翻转动画。还涉及了项目优化和打包技术。

点击start按钮，进入下层界面，选择关卡。

1.创建项目以及添加资源

在这里插入图片描述

添加资源

2.设置游戏主场景

在这里插入图片描述

设置背景图片

重写paintevent事件画背景。
在这里插入图片描述

画背景上的图标

直接画太大了，我们需要先缩放图片再画。

开始按钮的创建

提供MyPushButton的构造的重载版本，可以让MyPushButton提供正常显示的图片以及按下后显示的图片。

首先创建一个自定义按钮类。
在这里插入图片描述
修改继承关系，继承QPushButton。

创建构造函数，第二个参数初始化为空。
在这里插入图片描述

创建开始按钮。

开始按钮跳跃特效实现。
头文件#include<QPropertyAnimation>
在这里插入图片描述

在这里插入图片描述

选择关卡场景配置

在这里插入图片描述
我们需要在mainscene.h中维护一个选择场景的对象。

但是我们发现，点击start按钮会瞬间进入下一个场景，无法看见动画特效，因此需要延时。
头文件#include<QTimer>

配置选择关卡场景内容

在这里插入图片描述

设置背景

结果如下：
在这里插入图片描述

返回按钮的图片切换

思路：按下的时候切换图片，释放的时候还原图片。

重写按钮的按下和释放事件。
在这里插入图片描述

让父类执行其他内容，防止鼠标按下失效。

开始场景与选关场景的切换

思路：当点击返回按钮时候，发送一个信号，选关场景接收到信号后会切换到主场景。
在这里插入图片描述

加入延时操作。

选择关卡按钮创建 ???

显示按钮图片
在这里插入图片描述

监听每个按钮点击事件。

给按钮图片添加文字（关卡号），注意要设置水平居中。
在这里插入图片描述

但是，我们发现现在点击关卡按钮，不会有输出了，这是因为标签把按钮控件挡住了。

设置让鼠标进行穿透。
在这里插入图片描述

翻金币游戏场景的基本配置

在这里插入图片描述
我们想要点击选关按钮进入对应场景，因此不需要监听选关信号了。

我们想要创建与关卡号对应的场景，因此PlayScene构造中需要传入int类型变量表明是第几关，因此需要重写构造函数。

在这里创建一个成员变量记录所选的关卡号。
在这里插入图片描述
加一个打印输出来验证是否正确。

没有问题，能跳转到对应的场景中。

初始化游戏场景

在这里插入图片描述

重写画家事件

在这里插入图片描述

返回按钮

在这里插入图片描述
点击返回按钮，回到选关场景。

思路如下：
首先，创建一个返回按钮。
接着就是信号的连接。我们需要点击返回按钮时触发一个返回的信号，告诉选关场景我们需要返回到该场景了。因为之前是从选关场景进入到游戏场景的，所以选关场景随后需要监听游戏场景的返回信号。
最后就是销毁游戏场景，回到选关场景。
在这里插入图片描述