Qt实例--翻金币

最新推荐文章于 2024-01-15 13:58:34 发布
最新推荐文章于 2024-01-15 13:58:34 发布
阅读量812 收藏 6
点赞数
文章标签： c++ qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64182150/article/details/126778204
版权

1、项目简介

        制作简易翻金币小游戏

2、创建项目并添加项目资源

        2.1 创建项目

-》选择“Qt Widget Application”-》确定项目名称（MainSence）及位置-》选择相应的基类（QMainWindow）以类名。

         2.2 添加项目资源

 -》（先添加前缀，再添加文件，最后保存。）

3、项目的基本配置

        3.1设置背景图标

//设置图标
	setWindowIcon(QIcon(":/res/Coin0001.png"));

        3.2设置固定大小

//设置固定大小
	setFixedSize(320, 588);

         3.3 设置项目标题

setWindowTitle("翻金币主场景");

        3.4 设置背景及背景标题

        重载QPaintEvent事件

void MainScene::paintEvent(QPaintEvent*)
{
	//创建画家
	QPainter painter(this);
	QPixmap pix;
	pix.load(":/res/PlayLevelSceneBg.png");
	painter.drawPixmap(0, 0, this->width(), this->height(), pix);
	//画背景上的图标
	pix.load(":/res/Title.png");
	//对图标进行缩放
	pix = pix.scaled(pix.width()*0.5, pix.height()*0.5);
	painter.drawPixmap(20,40,pix);
}

        3.5 创建开始菜单以退出功能

        在.ui文件中创建开始菜单，并设置退出功能（actionquit）

//退出按钮实现
	connect(ui.actionquit, &QAction::triggered, [=]() {
		this->close();
		});

  4、构造MyPushButton按钮

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

右键项目-》添加-》新建项-》Qt Class类

MyPushButton.h

//重写构造函数 参数1:正常显示的图片路径 ，参数2：按下后显示的图片路径
	MyPushButton(QString normalImg, QString pressImg = "");
	//成员属性 保存用户传入的默认显示路径以及按下后显示的图片路径
	QString normalImgPath;
	QString pressImgPath;

MyPushButton.cpp

MyPushButton::MyPushButton(QString normalImg, QString pressImg)
{
	this->normalImgPath = normalImg;
	this->pressImgPath = pressImg;
	QPixmap pix;
	bool ret = pix.load(normalImg);
	if (!ret)
	{
		qDebug() << "图片加载失败";
		return;
	}
	//设置图片固定大小
	this->setFixedSize(pix.width(), pix.height());
	//设置不规则图片样式
	this->setStyleSheet("QPushButton{border:0px}");
	//设置图标
	this->setIcon(pix);
	//设置图标大小
	this->setIconSize(QSize(pix.width(), pix.height()));
}

        zoom1和zoom2为MyPushButton的特效

zoom1与zoom2代码相似，更改起始位置

void MyPushButton::zoom1()//向下跳
{
	//创建动态对象
	QPropertyAnimation * animation = new QPropertyAnimation(this, "geometry");
	//设置动画间隔
	animation->setDuration(200);
	//起始位置
	animation->setStartValue(QRect(this->x(), this->y(), this->width(), this->height()));
	//结束位置
	animation->setStartValue(QRect(this->x(), this->y()+10, this->width(), this->height()));
	//设置弹跳曲线
	animation->setEasingCurve(QEasingCurve::OutBounce);
	//执行动画
	animation->start();
}

5、选择关卡场景基本配置

创建选择关卡场景（Qt Widget Class）,基类为（QMainWindow），同主窗口配置相似

.cpp

ChooseLevelScence::ChooseLevelScence(QWidget *parent)
	: QMainWindow(parent)
{
	ui.setupUi(this);
	//设置固定大小
	setFixedSize(320, 588);
	//设置图标
	setWindowIcon(QIcon(":/res/Coin0001.png"));
	setWindowTitle("选择关卡场景");
	//退出按钮实现
	connect(ui.actionquit, &QAction::triggered, [=]() {
		this->close();
		});
	//返回按钮
	MyPushButton* backBtn = new MyPushButton(":/res/BackButton.png",":/res/BackButtonSelected.png");
	backBtn->setParent(this);
	backBtn->move(this->width() - backBtn->width(), this->height()- backBtn->height());
	//点击返回
	connect(backBtn, &MyPushButton::clicked, [=]() {
		
		});
}
void ChooseLevelScence::paintEvent(QPaintEvent*)
{
	//创建画家
	QPainter painter(this);
	QPixmap pix;
	pix.load(":/res/OtherSceneBg.png");
	painter.drawPixmap(0, 0, this->width(), this->height(), pix);
	//画背景上的图标
	pix.load(":/res/Title.png");
	//加载图标
	painter.drawPixmap(20, 40, pix);
}

6、选择关卡的返回按钮特效制作

           6.1 点击后切换另一个图片

  重载mousePressEvent、mouseReleaseEvent事件

void MyPushButton::mousePressEvent(QMouseEvent* e)
{
	if (this->pressImgPath != "")//传入的按下图片不为空 说明需要有按下状态 切换图片
	{
		QPixmap pix;
		bool ret = pix.load(this->pressImgPath);
		if (!ret)
		{
			qDebug() << "图片加载失败";
			return;
		}
		//设置图片固定大小
		this->setFixedSize(pix.width(), pix.height());
		//设置不规则图片样式
		this->setStyleSheet("QPushButton{border:0px}");
		//设置图标
		this->setIcon(pix);
		//设置图标大小
		this->setIconSize(QSize(pix.width(), pix.height()));
	}
	//让父亲执行其他内容
	return QPushButton::mousePressEvent(e);
}
void MyPushButton::mouseReleaseEvent(QMouseEvent* e)
{
	if (this->pressImgPath != "")//传入的按下图片不为空 说明需要有按下状态 切换成初始图片
	{
		QPixmap pix;
		bool ret = pix.load(this->normalImgPath);
		if (!ret)
		{
			qDebug() << "图片加载失败";
			return;
		}
		//设置图片固定大小
		this->setFixedSize(pix.width(), pix.height());
		//设置不规则图片样式
		this->setStyleSheet("QPushButton{border:0px}");
		//设置图标
		this->setIcon(pix);
		//设置图标大小
		this->setIconSize(QSize(pix.width(), pix.height()));
	}
	//让父亲执行其他内容
	return QPushButton::mouseReleaseEvent(e);
}

        6.2 功能实现（点击返回按钮，返回主窗口）

.h

signals:
	//写一个自定义信号，告诉主场景 点击了返回
	void chooseSceneBack();

.cpp

//点击返回
	connect(backBtn, &MyPushButton::clicked, [=]() {
		//告诉主场景 我返回了，主场景监听信号
		emit this->chooseSceneBack();
		});

        6.3 选择关卡按钮创建

//创建选择关卡的按钮
	for (int i = 0; i < 20; i++)
	{
		MyPushButton* memuBtn = new MyPushButton(":/res/LevelIcon.png");
		memuBtn->setParent(this);
		memuBtn->move(25 + i % 4 * 70, 130 + i / 4 * 70);

		QLabel* label = new QLabel(this);
		label->setFixedSize(memuBtn->width(), memuBtn->height());
		label->setText(QString::number(1 + i));
		label->move(25 + i % 4 * 70, 130 + i / 4 * 70);
		//设置label上的文字对齐方式（水平居中和垂直居中）
		label->setAlignment(Qt::AlignHCenter | Qt::AlignVCenter);
		//设置让鼠标穿透事件
		label->setAttribute(Qt::WA_TransparentForMouseEvents);
	}

   7、创建翻金币场景

        点击关卡按钮后，会进入游戏的核心场景，也就是翻金币的场景，首先创建出该场景的.h和.cpp文件

创建PlayScence：右键项目-》添加-》新建项-》Qt Class类

        7.1 重写PlayScene的构造函数

Playscene::Playscene(int levelNum)
{
	this->levelIndex = levelNum;
	//初始化游戏场景
	//设置固定大小
	setFixedSize(320, 588);
	//设置图标
	setWindowIcon(QIcon(":/res/Coin0001.png"));
	setWindowTitle("游戏场景");
	//创建菜单栏
	QMenuBar* bar = menuBar();
	setMenuBar(bar);
	//创建开始菜单
	QMenu* startMenu = bar->addMenu("开始");
	//创建退出 菜单项
	QAction* quitAction = startMenu->addAction("退出");
	//点击退出 实现退出游戏
	connect(quitAction, &QAction::triggered, [=]() {
		this->close();
		});
//返回按钮
	MyPushButton* backBtn = new MyPushButton(":/res/BackButton.png", ":/res/BackButtonSelected.png");
	backBtn->setParent(this);
	backBtn->move(this->width() - backBtn->width(), this->height() - backBtn->height());
	//点击返回
	connect(backBtn, &MyPushButton::clicked, [=]() {
		//告诉主场景 我返回了，主场景监听信号
		emit this->playSceneBack();
		});
//显示当前关卡数
	QLabel* label = new QLabel(this);
	QFont font;
	font.setFamily("华文新魏");
	font.setPointSize(20);
	QString str = QString("Level:%1").arg(this->levelIndex);
	//将字体设置到标签控件中
	label->setFont(font);
	label->setText(str);
	label->setGeometry(30, this->height() - 50, 120, 50);
//显示金币背景图案
	for (int i = 0; i < 4; i++)
	{
		for (int j = 0; j < 4; j++)
		{
			//绘制背景图片
			QLabel* label = new QLabel(this);
			label->setGeometry(0, 0, 50, 50);
			label->setPixmap(QPixmap(":/res/BoardNode.png"));
			label->move(57 + i * 50, 200 + j * 50);
		}
	}
}

重写绘图事件与主窗口类似.

        7.2 创建金币类（MyCoin）

MyCoin::MyCoin(QString btnImg)
{
	QPixmap pix;
	bool ret = pix.load(btnImg);
	if (!ret)
	{
		QString str = QString("图片%1加载失败").arg(btnImg);
		qDebug() << str;
		return;
	}
	//设置图片固定大小
	this->setFixedSize(pix.width(), pix.height());
	//设置不规则图片样式
	this->setStyleSheet("QPushButton{border:0px}");
	//设置图标
	this->setIcon(pix);
	//设置图标大小
	this->setIconSize(QSize(pix.width(), pix.height()));
}

        7.2.1 在游戏窗口中显示金币

//创建金币
			MyCoin* coin = new MyCoin(":/res/Coin0001.png");
			coin->setParent(this);
			coin->move(59 + i * 50, 204 + j * 50);

        7.2.2 进入关卡数据

添加现有文件dataconfig.cpp，dataconfig.h

初始化各个关卡：

        （1）在playScence中声明一个成员变量，记录当前关卡的二维数据

int gameArray[4][4];//二维数组 维护每个关卡的具体数据

        （2）初始化每个关卡的二维数组

//初始化每个关卡的二维数组
	for (int i = 0; i < 4; i++)
	{
		for (int j = 0; j < 4; j++)
		{
			this->gameArray[i][j] = config.mData[this->levelIndex][i][j];
		}
	}

        （3）金币翻转特效实现

        添加金币属性，定位金币的位置

//金币的属性
	int posX;//x坐标位置
	int posY;//y坐标位置
	bool flag;//正反标志
//给金币属性赋值
			coin->posX = i;
			coin->posY = j;
			coin->flag = this->gameArray[i][j];//1正面，0反面

        单个金币翻转实现：

在MyCoin.h中声明：


	//改变标志的方法
	void changeFlag();
	QTimer timer1;//正面翻反面的定时器
	QTimer timer2;//反面翻正面的定时器
	int min = 1;
	int max = 8;

方法实现，MyCoin.cpp中

void MyCoin::changeFlag()
{
	//如果是正面 翻成反面
	if (this->flag)
	{
		//开始正面翻反面的定时器
		timer1->start(30);
		this->flag = false;
	}
	else
	{
		timer2->start(30);
		this->flag = true;
	}
}
//初始化定时器对象
	timer1 = new QTimer(this);
	timer2 = new QTimer(this);
	//监听正面翻反面的信号，并且反转金币
	connect(timer1, &QTimer::timeout, [=]() {
		QPixmap pix;
		QString str = QString(":/res/Coin000%1").arg(this->min++);
		pix.load(str);
		//设置图片固定大小
		this->setFixedSize(pix.width(), pix.height());
		//设置不规则图片样式
		this->setStyleSheet("QPushButton{border:0px}");
		//设置图标
		this->setIcon(pix);
		//设置图标大小
		this->setIconSize(QSize(pix.width(), pix.height()));
		//判断 如果翻完了，将min重置为1
		if (this->min > this->max)
		{
			this->min = 1;
			timer1->stop();
		}
		});
	//监听反面翻正面的信号，并且反转金币
	connect(timer2, &QTimer::timeout, [=]() {
		QPixmap pix;
		QString str = QString(":/res/Coin000%1").arg(this->max--);
		pix.load(str);
		//设置图片固定大小
		this->setFixedSize(pix.width(), pix.height());
		//设置不规则图片样式
		this->setStyleSheet("QPushButton{border:0px}");
		//设置图标
		this->setIcon(pix);
		//设置图标大小
		this->setIconSize(QSize(pix.width(), pix.height()));
		//判断 如果翻完了，将min重置为1
		if (this->max< this->min)
		{
			this->max = 8;
			timer2->stop();
		}
		});

        周围金币翻转实现：

//将金币放到金币的二维数组里 以便于后期的维护
			coinBtn[i][j] = coin;
			//点击金币翻转
			connect(coin, &MyCoin::clicked, [=]() {
				coin->changeFlag();
				this->gameArray[i][j] == this->gameArray[i][j] == 0 ? 1 : 0;
				//翻转周围金币
				//右侧金币的翻转
				if (coin->posX + 1 <= 3)
				{
					coinBtn[coin->posX + 1][coin->posY]->changeFlag();
					this->gameArray[coin->posX + 1][coin->posY] == this->gameArray[i][j] == 0 ? 1 : 0;
				}
				//左侧金币翻转
				if (coin->posX- 1  >= 0)
				{
					coinBtn[coin->posX - 1][coin->posY]->changeFlag();
					this->gameArray[coin->posX - 1][coin->posY] == this->gameArray[i][j] == 0 ? 1 : 0;
				}
				//上侧金币翻转
				if (coin->posY + 1 <= 3)
				{
					coinBtn[coin->posX ][coin->posY+1]->changeFlag();
					this->gameArray[coin->posX ][coin->posY+1] == this->gameArray[i][j] == 0 ? 1 : 0;
				}
				//下侧金币翻转
				if (coin->posY - 1 >= 0)
				{
					coinBtn[coin->posX][coin->posY - 1]->changeFlag();
					this->gameArray[coin->posX][coin->posY - 1] == this->gameArray[i][j] == 0 ? 1 : 0;
				}
				});

        判断胜利

在MyCoin.h中加入isWin标志，代表是否胜利

//判断是否胜利
				this->isWin = true;
				for (int i = 0; i < 4; i++)
				{
					for (int j = 0; j < 4; j++)
					{
						if (coinBtn[i][j]->flag == false)
						{
							this->isWin = false;
							break;
						}
					}
				}
				if (this->isWin == true)
				{
					//将所有按钮的胜利标志改为true
					for (int i = 0; i < 4; i++)
					{
						for (int j = 0; j < 4; j++)
						{	
							coinBtn[i][j]->isWin = true;
						}
					}

小的博客
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【QT项目】QT基础入门——项目案例翻金币小游戏
2401_84591685的博客
04-26 1258
翻金币项目是一款经典的益智类游戏，我们需要将金币都翻成同色，才视为胜利。
qt 实现翻金币游戏
GG802312的博客
01-08 2586
游戏玩法介绍： 游戏设置关卡二十关，通过选关界面可以选择进入到对应的关卡中。 进入对应关卡之后，点击任意金币，可以使该硬币以及周边（上，下，左， 右）金边翻转。如果硬币都翻转为金币，则游戏胜利。 游戏界面设置： 开始界面： 开始场景中需要自定义一个按钮，点击开始按钮可以实现一个动图弹跳的显示效果。 同时弹出选关窗口，关闭当前窗口。 对于我这个新手来说，这一部分实现的难点是按钮的弹跳效果的实现。 对应代码： #include "mainScene.h" #include "mybutton.h" #inc
Qt案例-翻金币教程.docx
06-14
QT翻金币教程
QT学习笔记--翻金币案例
qq_45645552的博客
05-19 265
发送的信号会被金币内置的timer1或2接受，这两个定时器分别是用于正面反转和反面反转的定时器，当正面反转时，之前的time1每隔30s发送信号，然后会开始读路径，当读完之后停止定时器并将min值重置。由于不是所有的按钮都需要点击后执行按下的特效，因此该类的构造函数接收了两个图片（常态的图片路径和按下后的图片路径），若后者的路径为空则意味着不需要有按下特效。在金币类中定义函数changeFlag，当点击钱币时会调用该方法，判断当前金币的flag，将其flag反转，并开启一个定时器，每30秒发送一次信号。
Qt——项目：翻转金币游戏
weixin_61857742的博客
01-05 1912
这个窗口需要使用菜单栏，因此可以用QMainWindow类。此外要设置背景图片，可以使用绘图事件paintEvent完成。窗口标题及图片直接在构造函数完成，使用setWindowTitlesetWindowIcon完成按钮要设置成点击后会向下弹并返回，可以专门定义一个按钮类，使用QPropertyAnimation特效类编写下降和上升的函数。关卡窗口完成后，使connect通过信号和槽完成点击按钮就关闭本窗口打开关卡窗口的操作。该按钮通过QLabel标签类完成关卡号的书写。但这还不够，如果此时connect
Qt图形化界面学习之翻金币案例
qq_24867003的博客
08-04 140
点击start按钮，进入下层界面，选择关卡。
Qt翻金币小游戏详细教程（内涵所有源码、图片资源）
05-29
翻金币小游戏
翻金币项目 QT项目 （利用Qt 5.80 实现 ）
she666666的博客
09-25 1272
翻金币项目 QT项目 （利用Qt 5.80 实现 ，）
Qt游戏制作-翻金币案例
qq_63388834的博客
01-15 962
因为Qt中并没有设置按下和弹起两种状态的控件，因此我们只有自定义一个按钮，并在Qt中创建好创建好之后，我们要修改其继承的类，把QWidget改为（修改三处）中的我们需要选择关卡场景释放一个信号，然后由主场景来监听，是否需要返回到主场景。首先我们先在中自定义一个信号signals://写一个自定义信号，告诉主场景 点击了返回然后我们在返回按键的信号和槽函数中，发送这个信号——emit();，同样的我们可以选择延时发送信号。//点击返回。
QT翻金币游戏.rar
08-27
QT翻金币游戏是一款基于QT5框架开发的互动游戏，它包含三个主要界面：开始界面、菜单界面和关卡选择界面，旨在提供一个富有吸引力且趣味性的用户体验。在这款游戏中，玩家可以通过翻动金币来探索并解决关卡中的挑战...
基于 QT 编写的翻金币小游戏
最新发布
03-29
在这个"基于 QT 编写的翻金币小游戏"项目中，我们将探讨如何利用 QT 的核心功能和图形库来构建一个简单但有趣的游戏。 首先，理解 QT 的基本概念至关重要。QT 提供了一个丰富的类库，包括窗口管理、图形视图、网络...
基于QT的翻金币小游戏
03-05
最近为了学习C++和qt5，跟着教程写了一个翻金币的小游戏 3、程序代码 3.1 项目工程配置文件 CoinFlip.pro 3.2 界面文件 mainscene.ui 和 res.qrc 资源添加 3.3 自定义按钮类 mypushbutton.h 和 mypushbutton.cpp 3.4 金币类 mycoin.h 和 mycoin.cpp 3.5 关卡数据类 dataconfig.h 和 dataconfig.cpp 3.6 首页主界面 mainscene.h 和 mainscene.cpp 3.7 选择关卡界面 chooselevelscene.h 和 chooselevelscene.h 3.8 翻金币界面 playscene.h 和 playscene.cpp 3.9 主函数文件 main.cpp
qt接金币小游戏，希望能帮到你！！
06-14
qt接金币小游戏。可以控制飞机变大和变小。左右移动流畅，图像清晰给力
QT5翻金币小游戏（window7）
12-10
本文档是基于windows7的 QT编写的小游戏。。通过这个小游戏的实现，可以帮助大家更好的入门QT,快速掌握QT中关于设置背景、音效、动画等技术。
【QT】翻金币项目（图片资源文件） res.zip
04-10
【QT】翻金币项目（QT综合案例）中的对应图片资源文件：https://blog.csdn.net/hanhui22/article/details/109998453
qt实现翻金币，c++
03-23
在本文中，我们将深入探讨如何使用Qt框架和C++编程语言来实现一个“翻金币”（Coin Flip）的模拟程序。Qt是一个强大的跨平台应用程序开发框架，它提供了丰富的图形用户界面（GUI）组件和功能，使得用C++构建桌面应用...
【QT】20 翻金币项目
04-10
【QT】20 翻金币项目是一款基于Qt开发的小游戏，它实现了用户翻动金币的功能，具有一定的娱乐性和互动性。在本项目中，我们将深入探讨Qt开发环境的搭建、用户界面设计、事件处理以及项目的打包发布。 首先，Qt是一...
Qt5.12案例 翻金币小游戏
chenQYli的博客
07-23 961
翻金币小游戏
qt翻金币资源文件下载
06-05
Qt翻金币是一款非常受欢迎的益智类手机游戏，该游戏主要通过翻转金币来消除相同的图片，从而获得高分。为了更好地玩这款游戏，用户需要下载游戏所需的资源文件。 首先，用户可以在应用商店中搜索“Qt翻金币”来寻找该游戏的安装包，并下载安装即可。但是，有时候安装包可能会缺少某些资源文件，导致游戏无法正常运行。 如果您遇到了这种情况，可以尝试在电脑上搜索“Qt翻金币资源文件下载”，并找到可靠的网站下载游戏所需的资源文件。在下载资源文件之前，您需要确认下载的资源文件与您的游戏版本相对应，否则可能会导致游戏无法运行或者出现错误。 一般来说，Qt翻金币的资源文件以zip或者rar的压缩格式提供下载，下载完毕后，您需要将解压出的资源文件复制到游戏安装目录下的res目录中，然后重新启动游戏即可享受更好的游戏体验。 总的来说，下载Qt翻金币的资源文件不难，用户只需要找到可靠的下载渠道，并选择与游戏版本相匹配的资源文件进行下载即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值