?????歡迎收看西北風(fēng)的blog，好男人就是我，我就是西北風(fēng)。?

Gitee 地址?W_A_Mole · NTC_jason/cc語言 - 碼云 - 開源中國 (gitee.com)

目錄

??一：創(chuàng)建一個(gè)主窗體

??二.：添加主窗口背景圖片以及相關(guān)部件?

??2.1 添加資源文件

?2.1.1 添加資源文件

2.1.2 在項(xiàng)目中添加資源文件

?? 2.2 為 窗口 添加背景圖

2.2.1打開?mainwindow.ui

???2.3 為窗口添加開始按鈕

??三:增加游戲界面

??3.1 新建窗口 更名為game

??3.2將主窗口與game窗口聯(lián)動(dòng)。

??3.3添加背景圖片

??3.4?添加 地鼠 按鈕。

???3.5為 地鼠 添加 定時(shí)器

??3.6 改變鼠標(biāo)樣式，增加簡單錘子。

??四：完善，增加,退出游戲,簡易分?jǐn)?shù),簡易難度?

??4.1 退出游戲按鈕

??4.2分?jǐn)?shù)

??4.3簡易難度

???4.4 鼠標(biāo)在普通按鈕上變回普通樣式

??一：創(chuàng)建一個(gè)主窗體

?下一步即可。名字自選

??二.：添加主窗口背景圖片以及相關(guān)部件?

??2.1 添加資源文件

?2.1.1 添加資源文件

????????在項(xiàng)目文件夾下新建文件夾，用于存放資源文件

????????????????????????

????????在資源文件npg內(nèi)，添加圖片。圖源網(wǎng)絡(luò)，可自行更改。

????????????????

2.1.2 在項(xiàng)目中添加資源文件

????????新建一個(gè)Qt 下的資源文件

????????下一步，名稱自選。下一步添加到之前創(chuàng)建的項(xiàng)目下。

? 完成會(huì)出現(xiàn)右圖資源文件?

?對(duì)qrc文件 右鍵 找到 open in editor

?????????

?如上圖，添加按鈕下拉菜單，選擇添加前綴。

注：前綴如路徑，盡量用英文并且簡單。默認(rèn)如上圖。

再次點(diǎn)擊添加，添加文件，選擇我們的4張圖片。就完成了資源文件的添加。

?????????????????

最后一步，尤為重要，在此處右鍵，點(diǎn)擊重新構(gòu)建。此時(shí)資源文件才算添加成功。

注: 每一次修改資源文件 均需重新構(gòu)建。

?? 2.2 為 窗口 添加背景圖

2.2.1打開?mainwindow.ui

????????點(diǎn)擊centralWidget窗口部件。 找到styleSheet 打開。

? ? ? ? ?在添加資源下拉菜單里，含有?background-image、border-image、image 三個(gè)選項(xiàng)。

?區(qū)別自行百度，在這里我們使用background-image。顧名思義，背景圖

????????

????????使用background-image，有一個(gè)需要注意的點(diǎn)，它會(huì)將此窗口上所有部件全部添加背景。而我們只需窗口需要背景，其他部件不需要此背景。

? ? ? ? 所以，需要把background-image: url(........);放在#MainWindow{}里(MainWindow為主窗口的對(duì)象名),意思就是只針對(duì)主窗口設(shè)置有效，子部件無用；

????????????????

????????對(duì)窗口調(diào)整大小后，效果如圖

???2.3 為窗口添加開始按鈕

? ? ? ? 按鈕部件放在開始游戲位置并且更名為開始游戲，覆蓋掉。

此時(shí)我們的簡單的主窗口界面依然完成。

??三:增加游戲界面

??3.1 新建窗口 更名為game

?

?

??3.2將主窗口與game窗口聯(lián)動(dòng)。

3.2.1使用主窗口的開始游戲按鈕

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

????????

使用按鈕，轉(zhuǎn)到槽。

?添加如下代碼。即可實(shí)現(xiàn)，按下后出現(xiàn)game界面。

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

??3.3添加背景圖片

? ? ? ? 我們創(chuàng)建了一個(gè)Qwidget類的窗口，在此窗口下添加背景圖片有一個(gè)需要注意的細(xì)節(jié)，

那就是需要再添加一個(gè)窗口部件去完成背景設(shè)置，才能顯示我們的圖片。

? ? ? ? 我們添加一個(gè)widget部件，對(duì)game進(jìn)行覆蓋，并且調(diào)整大小

????????

????????對(duì)于背景圖片，如主窗口一樣添加，不再贅述。

??3.4?添加 地鼠 按鈕。

3.4.1也就是一個(gè)按鈕部件，但這個(gè)部件需要是一個(gè)不規(guī)則的按鈕，并且有著地鼠摸樣。

注 ; 我們需要使用一張背景為透明的圖片。

我使用PS軟件，去除背景。選中背景后 按下 delete 刪除背景即可。?

????????

注 : 在存儲(chǔ)文件格式時(shí) 選用png格式，因?yàn)閖pg格式不支持透明背景，會(huì)把背景填充為白色。

????????3.4.2 添加按鈕部件

????????

? ? ? ? 3.4.3 為按鈕部件設(shè)置為不規(guī)則按鈕。

注:地鼠圖片的像素大小即為不規(guī)則按鈕的大小，因?yàn)榉椒ㄊ菍粹o覆蓋在圖片上，使用時(shí)請(qǐng)修改圖片大小。

????????

//頭文件
#include"QPixmap"
#include"QBitmap"
//改變按鈕為不規(guī)則按鈕
         QPixmap pix;
         pix.load("........圖片路徑");
         ui->pushButton->setFixedSize(pix.size());
         ui->pushButton->setMask(pix.mask());
         ui->pushButton->setStyleSheet("background-image: url(........圖片路徑)");

如有相關(guān)問題，參開本人Qt 下的收藏夾。不規(guī)則按鈕。

圖片路徑獲取，打開資源文件。相應(yīng)圖片右鍵，選項(xiàng) 復(fù)制資源路徑到粘貼板。

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

???3.5為 地鼠 添加 定時(shí)器

? ? ? ? 地鼠，在一定的時(shí)間下，到點(diǎn)，跳到其他位置。此文并未添加地鼠洞。所以是全圖隨機(jī)。這是一個(gè)函數(shù)，所以在頭文件的類中需要添加聲明。

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

再通過按鈕的槽函數(shù)，增加點(diǎn)擊事件

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

??3.6 改變鼠標(biāo)樣式，增加簡單錘子。

? ? ? ? 添加如下代碼。并綁定在窗口下。

        QCursor cCursor;
        QPixmap cMap("....圖片路徑...");
        QSize cSize(60, 60);// 鼠標(biāo)形狀大小，可以自己指定，合適即可
        QPixmap cScaleMap = cMap.scaled(cSize, Qt::KeepAspectRatio);
        cCursor = QCursor(cScaleMap);
        ui->widget->setCursor(cCursor);

代碼位置依舊。

??四：完善，增加,退出游戲,簡易分?jǐn)?shù),簡易難度?

??4.1 退出游戲按鈕

? ? ? ? 增加按鈕，放置右下角，更名，不再贅述。

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

??4.2分?jǐn)?shù)

在窗口左上角添加 2個(gè)laber 部件，一個(gè)作為名字，一個(gè)記錄分?jǐn)?shù)。

簡易: 每打一次地鼠，分?jǐn)?shù)增加。

在頭文件增加一個(gè) 整形 變量用以分?jǐn)?shù)存儲(chǔ)和增加

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

??4.3簡易難度

? ? ? ? ? ? 添加一個(gè)整形變量，右下角增加2個(gè)按鈕，點(diǎn)擊后改變地鼠跳變時(shí)間。

??4.4 鼠標(biāo)在普通按鈕上變回普通樣式

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

??結(jié)束語:基本完成簡易地鼠，若有其他想法，自行完善

???要想不迷路，點(diǎn)贊加關(guān)注??文章來源地址http://www.zghlxwxcb.cn/news/detail-427373.html

到了這里，關(guān)于Qt - 從零到壹的 打地鼠 游戲的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！