❤️‍欢迎收看西北风的blog，好男人就是我，我就是西北风。✨

目录

一：创建一个主窗体

二.：添加主窗口背景图片以及相关部件

2.1 添加资源文件

2.1.1 添加资源文件

2.1.2 在项目中添加资源文件

2.2 为 窗口 添加背景图

2.2.1打开mainwindow.ui

2.3 为窗口添加开始按钮

三:增加游戏界面

3.1 新建窗口 更名为game

3.2将主窗口与game窗口联动。

3.3添加背景图片

3.4添加 地鼠 按钮。

3.5为 地鼠 添加 定时器

3.6 改变鼠标样式，增加简单锤子。

四：完善，增加,退出游戏,简易分数,简易难度

4.1 退出游戏按钮

4.2分数

4.3简易难度

​4.4 鼠标在普通按钮上变回普通样式

一：创建一个主窗体

下一步即可。名字自选

二.：添加主窗口背景图片以及相关部件

2.1 添加资源文件

2.1.1 添加资源文件

在项目文件夹下新建文件夹，用于存放资源文件

在资源文件npg内，添加图片。图源网络，可自行更改。

2.1.2 在项目中添加资源文件

新建一个Qt 下的资源文件

下一步，名称自选。下一步添加到之前创建的项目下。

完成会出现右图资源文件

对qrc文件 右键 找到 open in editor

如上图，添加按钮下拉菜单，选择添加前缀。

注：前缀如路径，尽量用英文并且简单。默认如上图。

再次点击添加，添加文件，选择我们的4张图片。就完成了资源文件的添加。

最后一步，尤为重要，在此处右键，点击重新构建。此时资源文件才算添加成功。

注: 每一次修改资源文件 均需重新构建。

2.2 为 窗口 添加背景图

2.2.1打开mainwindow.ui

点击centralWidget窗口部件。 找到styleSheet 打开。

在添加资源下拉菜单里，含有background-image、border-image、image 三个选项。

区别自行百度，在这里我们使用background-image。顾名思义，背景图

使用background-image，有一个需要注意的点，它会将此窗口上所有部件全部添加背景。而我们只需窗口需要背景，其他部件不需要此背景。

所以，需要把background-image: url(……..);放在#MainWindow{}里(MainWindow为主窗口的对象名),意思就是只针对主窗口设置有效，子部件无用；

对窗口调整大小后，效果如图

2.3 为窗口添加开始按钮

按钮部件放在开始游戏位置并且更名为开始游戏，覆盖掉。

此时我们的简单的主窗口界面依然完成。

三:增加游戏界面

3.1 新建窗口 更名为game

3.2将主窗口与game窗口联动。

3.2.1使用主窗口的开始游戏按钮

在主窗口的头文件中添加game窗口的头。

使用按钮，转到槽。

添加如下代码。即可实现，按下后出现game界面。

void MainWindow::on_pushButton_clicked(){Game *configWindow = new Game;configWindow->show();}

3.3添加背景图片

我们创建了一个Qwidget类的窗口，在此窗口下添加背景图片有一个需要注意的细节，

那就是需要再添加一个窗口部件去完成背景设置，才能显示我们的图片。

我们添加一个widget部件，对game进行覆盖，并且调整大小

对于背景图片，如主窗口一样添加，不再赘述。

3.4添加 地鼠 按钮。

3.4.1也就是一个按钮部件，但这个部件需要是一个不规则的按钮，并且有着地鼠摸样。

注 ; 我们需要使用一张背景为透明的图片。

我使用PS软件，去除背景。选中背景后 按下 delete 删除背景即可。

注 : 在存储文件格式时 选用png格式，因为jpg格式不支持透明背景，会把背景填充为白色。

3.4.2 添加按钮部件

3.4.3 为按钮部件设置为不规则按钮。

注:地鼠图片的像素大小即为不规则按钮的大小，因为方法是将按钮覆盖在图片上，使用时请修改图片大小。

//头文件#include"QPixmap"#include"QBitmap"//改变按钮为不规则按钮 QPixmap pix; pix.load("........图片路径"); ui->pushButton->setFixedSize(pix.size()); ui->pushButton->setMask(pix.mask()); ui->pushButton->setStyleSheet("background-image: url(........图片路径)");

如有相关问题，参开本人Qt 下的收藏夹。不规则按钮。

图片路径获取，打开资源文件。相应图片右键，选项 复制资源路径到粘贴板。

代码放置位置，在cpp文件下、如下。

3.5为 地鼠 添加 定时器

地鼠，在一定的时间下，到点，跳到其他位置。此文并未添加地鼠洞。所以是全图随机。这是一个函数，所以在头文件的类中需要添加声明。

void Game::timerEvent(QTimerEvent *){ui->pushButton->move(QRandomGenerator::global()->bounded(0,1200),QRandomGenerator::global()->bounded(0,1200));killTimer(timerNum);timerNum=startTimer(500);//500毫秒跳一次}

再通过按钮的槽函数，增加点击事件

void Game::on_pushButton_clicked(){killTimer(timerNum);timerNum=startTimer(500);}

3.6 改变鼠标样式，增加简单锤子。

添加如下代码。并绑定在窗口下。

QCursor cCursor;QPixmap cMap("....图片路径...");QSize cSize(60, 60);// 鼠标形状大小，可以自己指定，合适即可QPixmap cScaleMap = cMap.scaled(cSize, Qt::KeepAspectRatio);cCursor = QCursor(cScaleMap);ui->widget->setCursor(cCursor);

代码位置依旧。

四：完善，增加,退出游戏,简易分数,简易难度

4.1 退出游戏按钮

增加按钮，放置右下角，更名，不再赘述。

void Game::on_pushButton_2_clicked(){close();}

4.2分数

在窗口左上角添加 2个laber 部件，一个作为名字，一个记录分数。

简易: 每打一次地鼠，分数增加。

在头文件增加一个 整形 变量用以分数存储和增加

void Game::on_pushButton_clicked(){killTimer(timerNum);timerNum=startTimer(500);a += 10;ui->label_2->setNum(a);}

4.3简易难度

添加一个整形变量，右下角增加2个按钮，点击后改变地鼠跳变时间。

4.4 鼠标在普通按钮上变回普通样式

 QCursor cCursor2;ui->pushButton_2->setCursor(cCursor2);ui->pushButton_3->setCursor(cCursor2); ui->pushButton_4->setCursor(cCursor2);

结束语:基本完成简易地鼠，若有其他想法，自行完善

要想不迷路，点赞加关注