mypushbutton.h

  1. #ifndef MYPUSHBUTTON_H
  2. #define MYPUSHBUTTON_H
  4. #include <QPushButton>
  6. class MyPushButton : public QPushButton
  7. {
  8.     Q_OBJECT
  9. public:
  10.     // explicit MyPushButton(QWidget *parent = nullptr);
  12.     // 构造函数 参数1：正常显示的图片路径，参数2：按下后显示的图片路径
  13.     MyPushButton(QString normalImg, QString pressImg = "");
  15.     // 成员属性 保存用户传入的默认显示路径 以及按下后显示的图片路径
  16.     QString normalImgPath;
  17.     QString presslImgPath;
  19.     // 弹跳特性
  20.     void zoom1(); // 向下跳
  21.     void zoom2(); // 向上跳
  23.     // 重写按钮的按下和释放
  24.     void mousePressEvent(QMouseEvent *e);
  25.     void mouseReleaseEvent(QMouseEvent *e);
  27. signals:
  29. public slots:
  30. };
  32. #endif // MYPUSHBUTTON_H

mypushbutton.cpp文件

  1. #include "mypushbutton.h"
  2. #include <QDebug>
  3. #include <QPropertyAnimation>
  5. //MyPushButton::MyPushButton(QWidget *parent) : QPushButton(parent)
  6. //{
  8. //}
  9. MyPushButton::MyPushButton(QString normalImg, QString pressImg)
  10. {
  11.     this->normalImgPath = normalImg;
  12.     this->presslImgPath = pressImg;
  14.     QPixmap pix;
  15.     bool ret = pix.load(normalImg);
  16.     if(!ret){
  17.         qDebug() << "图片加载失败";
  18.         return;
  19.     }
  21.     // 设置图片的固定大小
  22.     this->setFixedSize(pix.width(), pix.height());
  23.     // 设置不规则图片样式
  24.     this->setStyleSheet("QPushButton{border: 0px;}");
  26.     // 设置图标
  27.     this->setIcon(pix);
  29.     // 设置图标大小
  30.     this->setIconSize(QSize(pix.width(), pix.height()));
  32. }
  34. // 向下跳
  35. void MyPushButton::zoom1()
  36. {
  37.     // 创建动态对象
  38.     QPropertyAnimation * animation = new QPropertyAnimation(this, "geometry");
  39.     // 设置动画的时间间隔
  40.     animation->setDuration(200);
  42.     // 起始位置
  43.     animation->setStartValue(QRect(this->x(), this->y(), this->width(), this->height()));
  44.     // 结束位置
  45.     animation->setEndValue(QRect(this->x(), this->y() + 10, this->width(), this->height()));
  47.     // 设置弹跳曲线
  48.     animation->setEasingCurve(QEasingCurve::OutBounce);
  50.     // 执行动画
  51.     animation->start();
  52. }
  54. // 向上跳
  55. void MyPushButton::zoom2()
  56. {
  57.     // 创建动态对象
  58.     QPropertyAnimation * animation = new QPropertyAnimation(this, "geometry");
  59.     // 设置动画的时间间隔
  60.     animation->setDuration(200);
  62.     // 起始位置
  63.     animation->setStartValue(QRect(this->x(), this->y() + 10, this->width(), this->height()));
  64.     // 结束位置
  65.     animation->setEndValue(QRect(this->x(), this->y(), this->width(), this->height()));
  67.     // 设置弹跳曲线
  68.     animation->setEasingCurve(QEasingCurve::OutBounce);
  70.     // 执行动画
  71.     animation->start();
  72. }
  74. void MyPushButton::mousePressEvent(QMouseEvent *e)
  75. {
  76.     // 先判断是否存在图片
  77.     if(this->presslImgPath != "") // 传入的按下图片不为空 说明需要有按下状态，切换图片
  78.     {
  79.         QPixmap pix;
  80.         bool ret = pix.load(this->presslImgPath);
  81.         if(!ret){
  82.             qDebug() << "图片加载失败";
  83.             return;
  84.         }
  86.         // 设置图片的固定大小
  87.         this->setFixedSize(pix.width(), pix.height());
  88.         // 设置不规则图片样式
  89.         this->setStyleSheet("QPushButton{border: 0px;}");
  91.         // 设置图标
  92.         this->setIcon(pix);
  94.         // 设置图标大小
  95.         this->setIconSize(QSize(pix.width(), pix.height()));
  96.     }
  98.     // 让父类执行其他的内容
  99.     return QPushButton::mousePressEvent(e);
  100. }
  102. void MyPushButton::mouseReleaseEvent(QMouseEvent *e)
  103. {
  104.     // 先判断是否存在图片
  105.     if(this->presslImgPath != "") // 传入的按下图片不为空 说明需要有按下状态，切换成初始图片
  106.     {
  107.         QPixmap pix;
  108.         bool ret = pix.load(this->normalImgPath);
  109.         if(!ret){
  110.             qDebug() << "图片加载失败";
  111.             return;
  112.         }
  114.         // 设置图片的固定大小
  115.         this->setFixedSize(pix.width(), pix.height());
  116.         // 设置不规则图片样式
  117.         this->setStyleSheet("QPushButton{border: 0px;}");
  119.         // 设置图标
  120.         this->setIcon(pix);
  122.         // 设置图标大小
  123.         this->setIconSize(QSize(pix.width(), pix.height()));
  124.     }
  126.     // 让父类执行其他的内容
  127.     return QPushButton::mouseReleaseEvent(e);
  128. }

mainscene.h文件

  1. #ifndef MAINSCENE_H
  2. #define MAINSCENE_H
  4. #include <QMainWindow>
  5. #include "chooselevelscene.h"
  7. namespace Ui {
  8. class MainScene;
  9. }
  11. class MainScene : public QMainWindow
  12. {
  13.     Q_OBJECT
  15. public:
  16.     explicit MainScene(QWidget *parent = 0);
  17.     ~MainScene();
  19.     // 重现paintEvent事件 画背景图
  20.     void paintEvent(QPaintEvent *event);
  22.     ChooseLevelScene * chooseScene = NULL;
  24. private:
  25.     Ui::MainScene *ui;
  26. };
  28. #endif // MAINSCENE_H

mainscene.cpp文件

  1. #include "mainscene.h"
  2. #include "ui_mainscene.h"
  3. #include "mypushbutton.h"
  4. #include <QPainter>
  5. #include <QDebug>
  6. #include <QTimer>
  7. #include <QSound> // 多媒体模块下的头文件
  9. MainScene::MainScene(QWidget *parent) :
  10.     QMainWindow(parent),
  11.     ui(new Ui::MainScene)
  12. {
  13.     ui->setupUi(this);
  15.     // 配置主场景
  17.     // 设置固定大小
  18.     setFixedSize(320, 588);
  20.     // 设置图标
  21.     setWindowIcon(QIcon(":/res/Coin0001.png"));
  23.     // 设置标题
  24.     setWindowTitle("翻金币主场景");
  26.     // 退出按钮实现
  27.     connect(ui->actionquit, &QAction::triggered, [=](){
  28.         this->close();
  29.     });
  31.     // 准备开始按钮的音效
  32.     QSound * startSound = new QSound(":/res/TapButtonSound.wav", this);
  34.     // 开始按钮
  35.     MyPushButton * startBtn = new MyPushButton(":/res/MenuSceneStartButton.png");
  36.     startBtn->setParent(this);
  37.     startBtn->move(this->width()*0.5 - startBtn->width()*0.5, this->height()*0.7);
  39.     // 实例化选择关卡场景
  40.     chooseScene = new ChooseLevelScene;
  42.     // 监听选择关卡的返回按钮信号
  43.     connect(chooseScene, &ChooseLevelScene::chooseSceneBack, this, [=](){
  44.         // 设置chooseScene返回的场景位置
  45.         this->setGeometry(chooseScene->geometry());
  46.         // 隐藏关卡
  47.         chooseScene->hide();
  48.         // 重新显示主场景
  49.         this->show();
  50.     });
  52.     connect(startBtn, &MyPushButton::clicked, [=](){
  53.         qDebug() << "点击了开始";
  55.         // 播放开始音效资源
  56.         startSound->play();
  57.         // 做弹起的特效
  58.         startBtn->zoom1();
  59.         startBtn->zoom2();
  61.         // 延时进入选择关卡场景中
  62.         QTimer::singleShot(500, this, [=](){
  63.             // 设置chooseScene去的场景位置
  64.             chooseScene->setGeometry(this->geometry());
  66.             // 将自身隐藏掉
  67.             this->hide();
  68.             // 显示选择关卡场景
  69.             chooseScene->show();
  70.         });
  72.     });
  73. }
  75. // 创建画家，指定绘图设备
  76. // 重现paintEvent事件 画背景图
  77. void MainScene::paintEvent(QPaintEvent *event)
  78. {
  79.     QPainter painter(this);
  80.     QPixmap pix;
  81.     pix.load(":/res/PlayLevelSceneBg.png");
  82.     // 画背景上图标
  83.     painter.drawPixmap(0, 0, this->width(), this->height(), pix);
  84.     // 加载标题
  85.     pix.load(":/res/Title.png");
  86.     // 缩放图片
  87.     pix = pix.scaled(pix.width() * 0.5, pix.height() * 0.5);
  88.     painter.drawPixmap(10, 30, pix);
  90. }
  92. MainScene::~MainScene()
  93. {
  94.     delete ui;
  95. }

chooselevelscene.h文件

  1. #ifndef CHOOSELEVELSCENE_H
  2. #define CHOOSELEVELSCENE_H
  4. #include <QMainWindow>
  5. #include "playscene.h"
  8. class ChooseLevelScene : public QMainWindow
  9. {
  10.     Q_OBJECT
  11. public:
  12.     explicit ChooseLevelScene(QWidget *parent = nullptr);
  14.     // 重写paintEvent事件 画背景图
  15.     void paintEvent(QPaintEvent *event);
  17.     // 游戏场景对象指针
  18.     PlayScene * play = NULL;
  20. signals:
  21.     // 写一个自定义信号，告诉主场景点击了返回
  22.     void chooseSceneBack();
  24. public slots:
  25. };
  27. #endif // CHOOSELEVELSCENE_H

chooselevelscene.cpp文件

  1. #include "chooselevelscene.h"
  2. #include <QMenuBar>
  3. #include <QPainter>
  4. #include <QDebug>
  5. #include <QTimer>
  6. #include <QLabel>
  7. #include "mypushbutton.h"
  8. #include <QSound> // 多媒体模块下的头文件
  11. ChooseLevelScene::ChooseLevelScene(QWidget *parent) : QMainWindow(parent)
  12. {
  14.     // 配置选择关卡场景
  15.     this->setFixedSize(320, 588);
  17.     // 设置图标
  18.     this->setWindowIcon(QPixmap(":/res/Coin0001.png"));
  20.     // 设置标题
  21.     this->setWindowTitle("选择关卡");
  23.     // 创建菜单栏
  24.     QMenuBar * bar = menuBar();
  25.     setMenuBar(bar);
  27.     // 创建开始菜单
  28.     QMenu * startMenu = bar->addMenu("开始");
  30.     // 创建退出菜单项
  31.     QAction * quitAction = startMenu->addAction("退出");
  33.     connect(quitAction, &QAction::triggered, [=](){
  34.         this->close();
  35.     });
  37.     // 准备关卡按钮的音效
  38.     QSound * startSound = new QSound(":/res/TapButtonSound.wav", this);
  40.     // 返回按钮的音效
  41.     QSound * backSound = new QSound(":/res/BackButtonSound.wav", this);
  43.     // 返回按钮
  44.     MyPushButton * backBtn = new MyPushButton(":/res/BackButton.png", ":/res/BackButtonSelected.png");
  45.     backBtn->setParent(this);
  46.     backBtn->move(this->width() - backBtn->width(), this->height() - backBtn->height());
  48.     // 点击返回
  49.     connect(backBtn, &MyPushButton::clicked, [=](){
  50.         // 返回按钮音效
  51.         backSound->play();
  52.         qDebug() << "点击了返回";
  53.         // 告诉主场景 返回了，主场景监听chooseSceneBack的返回按钮
  54.         // 延时返回
  55.         QTimer::singleShot(200, this, [=](){
  56.             emit this->chooseSceneBack();
  57.         });
  59.     });
  61.     // 创建选择关卡按钮
  62.     for(int i=0; i<20; i++) {
  63.         MyPushButton * menuBtn = new MyPushButton(":/res/LevelIcon.png");
  64.         menuBtn->setParent(this);
  65.         menuBtn->move(25 + i%4 * 70, 130 + i/4 * 70);
  67.         // 监听每个按钮的点击事件
  68.         connect(menuBtn, &MyPushButton::clicked, [=](){
  69.             QString str = QString("你选择的是第 %1 关").arg(i+1);
  70.             qDebug() << str;
  72.             // 音效
  73.             startSound->play();
  75.             // 进入到游戏场景
  76.             this->hide(); // 将选关场景隐藏掉
  77.             play = new PlayScene(i+1);
  79.             // 设置游戏场景的初始位置
  80.             play->setGeometry(this->geometry());
  82.             play->show(); // 显示游戏场景
  84.             connect(play, &PlayScene::playSceneBack, this, [=](){
  85.                 this->setGeometry(play->geometry());
  86.                 // 重新显示关卡场景
  87.                 this->show();
  88.                 // 销毁退出的关卡场景
  89.                 delete play;
  90.                 play = NULL;
  91.             });
  92.         });
  94.         // 使用label添加数字
  95.         QLabel * label = new QLabel;
  96.         label->setParent(this);
  97.         label->setFixedSize(menuBtn->width(), menuBtn->height());
  98.         label->setText(QString::number(i+1));
  99.         label->move(25 + i%4 * 70, 130 + i/4 * 70);
  100.         // 设置label上的文字对其方式 水平居中和垂直居中
  101.         label->setAlignment(Qt::AlignHCenter | Qt::AlignVCenter);
  102.         // 设置让鼠标进行穿透label
  103.         label->setAttribute(Qt::WA_TransparentForMouseEvents);
  104.     }
  106. }
  109. void ChooseLevelScene::paintEvent(QPaintEvent *event)
  110. {
  111.     QPainter painter(this);
  112.     QPixmap pix;
  113.     pix.load(":/res/OtherSceneBg.png");
  114.     // 画背景上图标
  115.     painter.drawPixmap(0, 0, this->width(), this->height(), pix);
  116.     // 加载标题
  117.     pix.load(":/res/Title.png");
  118.     // 缩放图片
  119.     // pix = pix.scaled(pix.width()  * 0.5, pix.height() * 0.5);
  120.     painter.drawPixmap((this->width() - pix.width()) * 0.5, 30, pix.width(), pix.height(), pix);
  121. }

mycoin.h

  1. #ifndef MYCOIN_H
  2. #define MYCOIN_H
  4. #include <QPushButton>
  5. #include <QTimer>
  7. class MyCoin : public QPushButton
  8. {
  9.     Q_OBJECT
  10. public:
  11. //    explicit MyCoin(QWidget *parent = nullptr);
  13.     // 参数代表传入的金币路径还是银币路径
  14.     MyCoin(QString btnImg);
  16.     // 金币是的属性
  17.     int posX; // x坐标位置
  18.     int posY; // y坐标位置
  19.     bool flag; // 正反标志
  21.     // 改变标志的方法
  22.     void changeFlag();
  23.     QTimer * timer1; // 正面翻反面的定时器
  24.     QTimer * timer2; // 反面翻正面的定时器
  25.     int min = 1;
  26.     int max = 8;
  28.     // 执行动画的标志
  29.     bool isAnimation = false;
  31.     // 是否胜利标志
  32.     bool isWin = false;
  35. signals:
  37. public slots:
  38. };
  40. #endif // MYCOIN_H

mycoin.cpp

  1. #include "mycoin.h"
  2. #include <QDebug>
  3. #include <QSound>
  5. //MyCoin::MyCoin(QWidget *parent) : QWidget(parent)
  6. //{
  8. //}
  10. MyCoin::MyCoin(QString btnImg)
  11. {
  12.     QPixmap pix;
  13.     bool ret = pix.load(btnImg);
  14.     if(!ret)
  15.     {
  16.         QString str = QString("图片 %1 加载失败").arg(btnImg);
  17.         qDebug() << str;
  18.         return;
  19.     }
  21.     this->setFixedSize(pix.width(), pix.height());
  22.     this->setStyleSheet("QPushButton{border:0px;}");
  23.     this->setIcon(pix);
  24.     this->setIconSize(QSize(pix.width(),pix.height()));
  26.     // 初始化定时器对象
  27.     timer1 = new QTimer(this);
  28.     timer2 = new QTimer(this);
  30.     // 点击金币音效
  31.     QSound * flipSound = new QSound(":/res/ConFlipSound.wav", this);
  33.     // 监听正面翻反面信号，并且翻转金币
  34.     connect(timer1, &QTimer::timeout, [=](){
  35.         QPixmap pix;
  36.         QString str = QString(":/res/Coin000%1").arg(this->min++);
  37.         pix.load(str);
  39.         //
  40.         this->setFixedSize(pix.width(), pix.height());
  41.         this->setStyleSheet("QPushButton{border:0px;}");
  42.         this->setIcon(pix);
  43.         this->setIconSize(QSize(pix.width(),pix.height()));
  44.         // 判断如果翻完了， 将min重置为1
  45.         if(this->min > this->max)
  46.         {
  47. //            // 开始点击金币音效
  48. //            flipSound->play();
  49.             this->min = 1;
  50.             isAnimation = false; // 停止做动画了
  51.             timer1->stop();
  52.         }
  53.     });
  55.     // 监听反面翻正面信号，并且翻转金币
  56.     connect(timer2, &QTimer::timeout, [=](){
  57.         QPixmap pix;
  58.         QString str2 = QString(":/res/Coin000%1").arg(this->max--);
  59.         pix.load(str2);
  61.         //
  62.         this->setFixedSize(pix.width(), pix.height());
  63.         this->setStyleSheet("QPushButton{border:0px;}");
  64.         this->setIcon(pix);
  65.         this->setIconSize(QSize(pix.width(),pix.height()));
  66.         // 判断如果翻完了， 将max重置为8
  67.         if(this->min > this->max)
  68.         {
  69. //            // 开始点击金币音效
  70. //            flipSound->play();
  71.             this->max = 8;
  72.             isAnimation = false; // 停止做动画了
  73.             timer2->stop();
  74.         }
  75.     });
  76. }
  78. // 正反面标志的方法
  79. void MyCoin::changeFlag()
  80. {
  81.     // 点击金币音效
  82.     QSound * flipSound = new QSound(":/res/ConFlipSound.wav", this);
  83.     if(!this->isAnimation && !this->isWin)
  84.     {
  85.         // 开始点击金币音效
  86.         flipSound->play();
  88.         qDebug() << "zc";
  90.         if(this->flag)
  91.         {
  92.             // 如果是正面 翻成反面
  93.             timer1->start(30);
  94.             isAnimation = true; // 开始做动画了
  95.             this->flag = false;
  96.         }else{
  97.             // 如果是正面 翻成反面
  98.             timer2->start(30);
  99.             isAnimation = true; // 开始做动画了
  100.             this->flag = true;
  101.         }
  102.     }
  105. }

playscene.h

  1. #ifndef PLAYSCENE_H
  2. #define PLAYSCENE_H
  4. #include <QMainWindow>
  5. #include "mycoin.h"
  7. class PlayScene : public QMainWindow
  8. {
  9.     Q_OBJECT
  10. public:
  11.     // explicit PlayScene(QWidget *parent = nullptr);
  12.     PlayScene(int levelNum);
  14.     int levelIndex; // 内部成员属性，记录所选关卡
  16.     // 重现paintEvent事件 画背景图
  17.     void paintEvent(QPaintEvent *event);
  19.     int gameArray[4][4]; // 二维数组 维护每个关卡的具体数据
  21.     // 二维数组 维护每个关卡的具体数据
  22.     MyCoin * coinBtn[4][4];
  25.     // 是否胜利标志
  26.     bool isWin = false;
  28.     //
  29.     bool isSucc = false;
  31. signals:
  32.     // 写一个自定义信号，告诉关卡场景点击了返回
  33.      void playSceneBack();
  35. public slots:
  36. };
  38. #endif // PLAYSCENE_H

playscene.h

  1. #include "playscene.h"
  2. #include <QDebug>
  3. #include <QMenuBar>
  4. #include <QTimer>
  5. #include <QPainter>
  6. #include <QLabel>
  7. #include <QFont>
  8. #include "mypushbutton.h"
  9. #include "mycoin.h"
  10. #include "dataconfig.h"
  11. #include <QPropertyAnimation>
  12. #include <QSound>
  14. //PlayScene::PlayScene(QWidget *parent) : QMainWindow(parent)
  15. //{
  17. //}
  20. PlayScene::PlayScene(int levelNum)
  21. {
  22.     QString str = QString("进入了第 %1 关").arg(levelNum);
  23.     qDebug() << str;
  24.     // 将传进来的关卡数值进行存储到当前作用域中
  25.     this->levelIndex = levelNum;
  27.     // 初始化游戏场景
  28.     // 设置固定大小
  29.     this->setFixedSize(320, 588);
  31.     // 设置图标
  32.     this->setWindowIcon(QPixmap(":/res/Coin0001.png"));
  34.     // 设置标题
  35.     this->setWindowTitle(str);
  37.     // 创建菜单栏
  38.     QMenuBar * bar = menuBar();
  39.     setMenuBar(bar);
  41.     // 创建开始菜单
  42.     QMenu * startMenu = bar->addMenu("开始");
  44.     // 创建退出菜单项
  45.     QAction * quitAction = startMenu->addAction("退出");
  47.     // 点击退出 实现退出游戏
  48.     connect(quitAction, &QAction::triggered, [=](){
  49.         this->close();
  50.     });
  52.     // 返回按钮的音效
  53.     QSound * backSound = new QSound(":/res/BackButtonSound.wav", this);
  55. //    // 点击金币音效
  56. //    QSound * flipSound = new QSound(":/res/ConFlipSound.wav", this);
  58.     QSound * winSound = new QSound(":/res/LevelWinSound.wav", this);
  60.     // 返回按钮
  61.     MyPushButton * backBtn = new MyPushButton(":/res/BackButton.png", ":/res/BackButtonSelected.png");
  62.     backBtn->setParent(this);
  63.     backBtn->move(this->width() - backBtn->width(), this->height() - backBtn->height());
  65.     // 点击返回
  66.     connect(backBtn, &MyPushButton::clicked, [=](){
  67. //        // 返回按钮音效
  68.         backSound->play();
  70.         qDebug() << "点击了返回";
  71.         // 告诉选关场景 返回了，主场景监听playSceneBack的返回按钮
  72.         // 延时返回
  73.         QTimer::singleShot(200, this, [=](){
  74.             emit this->playSceneBack();
  75.         });
  77.     });
  79.     // 显示当前关卡
  80.     QLabel * label = new QLabel;
  81.     label->setParent(this);
  82.     label->setFixedSize(150, 50);
  83.     label->setFont(QFont("华文新魏", 20));
  84.     QString str2 = QString("Leavel: %1").arg(levelIndex);
  85.     label->setText(str2);
  86.     label->move(20, this->height()-40);
  88.     // 初始化每个关卡的二维数组
  89.     dataConfig config;
  90.     for(int i=0; i<4; i++)
  91.     {
  92.         for(int j=0; j<4; j++)
  93.         {
  94.             this->gameArray[i][j] = config.mData[this->levelIndex][i][j];
  95.         }
  96.     }
  98.     // 胜利的图片显示
  99.     QLabel * winLabel = new QLabel;
  100.     QPixmap tmpPix;
  101.     tmpPix.load(":/res/LevelCompletedDialogBg.png");
  102.     winLabel->setGeometry(0, 0, tmpPix.width(), tmpPix.height());
  103.     winLabel->setPixmap(tmpPix);
  104.     winLabel->setParent(this);
  105.     winLabel->move((this->width() - tmpPix.width())*0.5, -tmpPix.height());
  107.     // 显示金币的背景图案
  108.     for(int i=0; i<4; i++)
  109.     {
  110.         for(int j = 0; j<4; j++) {
  111.             // 绘制金币背景图
  112.             QLabel * label2 = new QLabel;
  113.             label2->setGeometry(0, 0, 50, 50);
  114.             label2->setPixmap(QPixmap(":/res/BoardNode(1).png"));
  115.             label2->setParent(this);
  116.             label2->move(57 + i*50, 200+j*50);
  118.             // 创建金币
  119.             QString str;
  120.             if(this->gameArray[i][j] == 1)
  121.             {
  122.                 // 显示金币
  123.                 str = ":/res/Coin0001.png";
  124.             }else {
  125.                 // 显示银币
  126.                 str = ":/res/Coin0008.png";
  127.             }
  128.             MyCoin * coin = new MyCoin(str);
  129.             coin->setParent(this);
  130.             coin->move(59 + i*50, 204+j*50);
  132.             // 给金币属性赋值
  133.             coin->posX = i;
  134.             coin->posY = j;
  135.             coin->flag = this->gameArray[i][j]; // 1正面，0反面
  137.             // 将金币放入金币的二维数组中，以便后期的维护
  138.             coinBtn[i][j] = coin;
  140.             // 点击金币 进行翻转
  141.             connect(coin, &MyCoin::clicked, [=](){
  143.                 coin->changeFlag();
  144.                 this->gameArray[i][j] = this->gameArray[i][j] == 0 ? 1 : 0;
  146.                 // 翻转周围金币
  147.                 // 右侧
  148.                 QTimer::singleShot(200, this, [=](){
  149.                     if(coin->posX + 1 <= 3)
  150.                     {
  151.                         qDebug() << coin->posX;
  152.                         coinBtn[coin->posX + 1][coin->posY]->changeFlag();
  153.                         this->gameArray[coin->posX + 1][coin->posY] = this->gameArray[coin->posX + 1][coin->posY] == 0 ? 1 : 0;
  154.                     }
  155.                     // 左侧
  156.                     if(coin->posX - 1 >= 0)
  157.                     {
  158.                         qDebug() << coin->posX;
  159.                         coinBtn[coin->posX - 1][coin->posY]->changeFlag();
  160.                         this->gameArray[coin->posX - 1][coin->posY] = this->gameArray[coin->posX - 1][coin->posY] == 0 ? 1 : 0;
  161.                     }
  162.                     // 上侧
  163.                     if(coin->posY + 1 <= 3)
  164.                     {
  165.                         qDebug() << coin->posY;
  166.                         coinBtn[coin->posX][coin->posY + 1]->changeFlag();
  167.                         this->gameArray[coin->posX][coin->posY + 1] = this->gameArray[coin->posX][coin->posY + 1] == 0 ? 1 : 0;
  168.                     }
  169.                     // 下侧
  170.                     if(coin->posY - 1 >= 0)
  171.                     {
  172.                         qDebug() << coin->posY;
  173.                         coinBtn[coin->posX][coin->posY - 1]->changeFlag();
  174.                         this->gameArray[coin->posX][coin->posY - 1] = this->gameArray[coin->posX][coin->posY - 1] == 0 ? 1 : 0;
  175.                     }
  177.                     // 判断是否胜利
  178.                     this->isWin = true;
  179.                     for(int i=0; i<4; i++)
  180.                     {
  181.                         for(int j=0; j<4; j++)
  182.                         {
  183.                            if(coinBtn[i][j]->flag == false)
  184.                            {
  185.                                this->isWin = false;
  186.                                break;
  187.                            }
  188.                         }
  189.                     }
  190.                     if(this->isWin == true && !this->isSucc)
  191.                     {
  192.                         // 胜利了
  193.                         //胜利音效
  194.                         winSound->play();
  196.                         qDebug() << "游戏胜利";
  197.                         this->isSucc = true;
  198.                         // 将所有按钮的胜利标志改为true
  199.                         for(int i=0; i<4; i++)
  200.                         {
  201.                             for(int j=0; j<4; j++)
  202.                             {
  203.                                coinBtn[i][j]->isWin = true;
  204.                             }
  205.                         }
  207.                         // 将胜利的图片移动下来
  208.                         QPropertyAnimation * animation = new QPropertyAnimation(winLabel, "geometry");
  209.                         // 设置时间间隔
  210.                         animation->setDuration(1000);
  211.                         animation->setStartValue(QRect(winLabel->x(), winLabel->y(), winLabel->width(), winLabel->height()));
  212.                         animation->setEndValue(QRect(winLabel->x(), winLabel->y() + 114, winLabel->width(), winLabel->height()));
  213.                         // 设置弹跳曲线
  214.                         animation->setEasingCurve(QEasingCurve::OutBounce);
  215.                         animation->start();
  216.                     }
  217.                 });
  219.             });
  220.         }
  221.     }
  222. }
  224. // 创建画家，指定绘图设备
  225. // 重现paintEvent事件 画背景图
  226. void PlayScene::paintEvent(QPaintEvent *event)
  227. {
  228.     QPainter painter(this);
  229.     QPixmap pix;
  230.     pix.load(":/res/PlayLevelSceneBg.png");
  231.     // 画背景上图标
  232.     painter.drawPixmap(0, 0, this->width(), this->height(), pix);
  233.     // 加载标题
  234.     pix.load(":/res/Title.png");
  235.     // 缩放图片
  236.     pix = pix.scaled(pix.width() * 0.5, pix.height() * 0.5);
  237.     painter.drawPixmap(10, 30, pix);
  239. }

image.png