linux下qt编程小游戏,Demo_2：Qt实现猜字小游戏

1  环境

系统：windows 10

代码编写运行环境：Qt Creator 4.4.1 (community)

Github：

2  简介

实现功能：一个猜字小游戏，系统随机产生一个4位数，在规定时间内，我们输入4位数进行匹配，如果相同，则赢了；不同且时间到了，则输了。

赢了的实现效果如下：

输了的实现效果如下：

3  实现过程

下面简单说明一下实现的过程：

(1)先创建一个带ui的项目工程，主要包含了如下文件。

(2)ui界面的设计

我们进入widget.ui进行界面设计。使用QStackWidget来存放多个页面，包括以下4个页面：

pageSet是我们刚开始运行时的页面，包含两个QLabel、一个QComboBox、两个QPushButton，如下图：

pageGame是我们玩游戏时的页面，包含一个QProgressBar、一个QTextEdit、10个按钮，如下图：

pageWin是胜利时显示的页面，就只包含一个QLabel组件：

pageLose是输了的时候显示的页面，也只包含一个QLabel组件：

(3)代码逻辑

启动后，我们点击“进入游戏按钮”切换到pageGame，并读取出QComboBox中设置的倒计时时间，启动一个计数器开始计数，并生成一个四位数的随机数；

然后我们输入数字按钮开始进行匹配，数字按钮的槽函数使用同一个，因为它们处理的逻辑是一样的；

若我们输入的数字和随机数相同，则计数器停止计数，并切换到pageWin，启动另一个计时器，显示5s动画后，回到pageSet；

若我们输入的数字和随机数不同，则判断其和随机数的大小，并给出对应的提示；

若时间到了且我们没有猜出成功的答案，则切换到pageLose，启动另一个计时器，显示5s动画后，回到pageSet。

(4)实现代码

widget.h代码：

1 #ifndef WIDGET_H2 #define WIDGET_H

3

4 #include

5 #include

6 #include

7 #include

8

9 namespaceUi {10 classWidget;11 }12

13 //目的：实现一个猜字游戏14 //说明：15 //16

17 class Widget : publicQWidget18 {19 Q_OBJECT20

21 public:22 explicit Widget(QWidget *parent = 0);23 ~Widget();24

25 //槽函数

26 voidon_PushButtonStart_clicked();27 voidon_PushButtonQuit_clicked();28 voidon_PushButtonRollback_clicked();29 voidon_PushButtonNotice_clicked();30 voiddealNum();31 void timerEvent(QTimerEvent *event);32

33 private:34 intgameTime;35 int gameTimerId; //游戏定时器

36 int loseTimerId; //输了

37 int winTimerId; //赢了

38 QString randStr; //随机数

39 QString resultStr; //结果数

40 QMovie winMovie; //赢了的动画

41 QMovie loseMovie; //输了的动画

42

43

44 private:45 Ui::Widget *ui;46 };47

48 #endif //WIDGET_H

View Code

widget.cpp代码：

1 #include "widget.h"

2 #include "ui_widget.h"

3 #include

4 #include

5 #include

6

7 Widget::Widget(QWidget *parent) :8 QWidget(parent),9 ui(newUi::Widget)10 {11 ui->setupUi(this);12

13 //显示第一个页面，设置页面

14 ui->stackedWidget->setCurrentWidget(ui->pageSet);15 //失败动画

16 loseMovie.setFileName(":/new/prefix1/image/over.gif");17 ui->label_lose->setMovie(&loseMovie);//给标签设置动画

18 ui->label_lose->setScaledContents(true);//让动画自动适应标签大小19 //胜利动画

20 winMovie.setFileName(":/new/prefix1/image/win.gif");21 ui->label_win->setMovie(&winMovie);22 ui->label_win->setScaledContents(true);23

24 //启动游戏

25 connect(ui->pushButton_enter, &QPushButton::clicked, this, &Widget::on_PushButtonStart_clicked);26 //退出游戏

27 connect(ui->pushButton_quit, &QPushButton::clicked, this, &Widget::close);28 //删除前一个数字

29 connect(ui->pushButton_rollback, &QPushButton::clicked, this, &Widget::on_PushButtonRollback_clicked);30 //提示

31 connect(ui->pushButton_notice, &QPushButton::clicked, this, &Widget::on_PushButtonNotice_clicked);32

33 //对数字按钮的处理使用同一个槽函数

34 connect(ui->pushButton_0, &QPushButton::clicked, this, &Widget::dealNum);35 connect(ui->pushButton_1, &QPushButton::clicked, this, &Widget::dealNum);36 connect(ui->pushButton_2, &QPushButton::clicked, this, &Widget::dealNum);37 connect(ui->pushButton_3, &QPushButton::clicked, this, &Widget::dealNum);38 connect(ui->pushButton_4, &QPushButton::clicked, this, &Widget::dealNum);39 connect(ui->pushButton_5, &QPushButton::clicked, this, &Widget::dealNum);40 connect(ui->pushButton_6, &QPushButton::clicked, this, &Widget::dealNum);41 connect(ui->pushButton_7, &QPushButton::clicked, this, &Widget::dealNum);42 connect(ui->pushButton_8, &QPushButton::clicked, this, &Widget::dealNum);43 connect(ui->pushButton_9, &QPushButton::clicked, this, &Widget::dealNum);44 }45

46 voidWidget::on_PushButtonStart_clicked()47 {48 //获取下拉框时间，并将字符串转换为整数

49 gameTime = ui->comboBox->currentText().toInt();50 qDebug() << gameTime << "s";51

52 //切换到游戏界面

53 ui->stackedWidget->setCurrentWidget(ui->pageGame);54

55 intnum;56 //从0时0分0秒到现在的秒数为种子

57 qsrand(QTime(0, 0, 0).secsTo(QTime::currentTime()));58 //调用全局的qsrand()函数生成随机数，对10000取余，保证位于10000的范围内

59 while((num = qrand()%10000) < 999);60 randStr =QString::number(num);61 qDebug() << "randNum" <

63 //设置进度条

64 ui->progressBar->setMinimum(0); //最小值

65 ui->progressBar->setMaximum(gameTime); //最大值

66 ui->progressBar->setValue(gameTime); //当前值67

68 //启动定时器

69 gameTimerId = startTimer(1000); //以1000ms为间隔

70 resultStr.clear();71 ui->textEdit->clear();72 }73

74 voidWidget::on_PushButtonRollback_clicked()75 {76 //退格按钮，删除最后一个数字

77 if(resultStr.size() == 1) {78 resultStr.clear();79 ui->textEdit->clear();80 } else{81 resultStr.chop(1); //截断最后一位字符

82 ui->textEdit->setText(resultStr);83 }84 }85

86 voidWidget::on_PushButtonNotice_clicked()87 {88 //提示

89 resultStr.clear();90 QString str = "正确答案为：" +randStr;91 ui->textEdit->setText(str);92 }93

94 void Widget::timerEvent(QTimerEvent *event)95 {96 if(event->timerId() == gameTimerId) { //游戏时间

97 gameTime--;98 //设置进度条

99 ui->progressBar->setValue(gameTime); //当前值100 //时间到

101 if(0 ==gameTime) {102 //关闭定时器

103 killTimer(gameTimerId);104 QMessageBox::information(this, "失败", "时间到了啊！！！");105 loseMovie.start();//启动动画106 //切换失败动画页面

107 ui->stackedWidget->setCurrentWidget(ui->pageLose);108 loseTimerId = startTimer(5000); //启动定时器

109 }110 } else if(event->timerId() == loseTimerId) { //失败动画时间111 //停止动画，停止定时器，回到游戏设置页面

112 loseMovie.stop();//停止动画

113 killTimer(loseTimerId); //停止定时器114 //切换到游戏设置页面

115 ui->stackedWidget->setCurrentWidget(ui->pageSet);116 } else if(event->timerId() == winTimerId) { //胜利动画时间

117 winMovie.stop();//停止动画

118 killTimer(winTimerId); //停止定时器119 //切换到游戏设置页面

120 ui->stackedWidget->setCurrentWidget(ui->pageSet);121 }122 }123

124 voidWidget::dealNum()125 {126 //获取信号发送者

127 QObject *mysender =sender();128 //转换为按钮类型

129 QPushButton *pb = (QPushButton *)mysender;130 if (NULL !=pb) {131 //获取按钮内容

132 QString numStr = pb->text();133 resultStr +=numStr;134 //数字不能以0开始

135 if (resultStr.size() == 1 && resultStr=="0") {136 resultStr.clear();137 }138 //保证显示结果为4位

139 if(resultStr.size() <= 4) {140 ui->textEdit->setText(resultStr);141 if (resultStr.size() == 4) {142 if (resultStr >randStr) {143 ui->textEdit->append("数字大了点!!!");144 } else if (resultStr textEdit->append("数字小了点!!!");146 } else{147 ui->textEdit->append("恭喜你答对了!!!");148 //停止定时器

149 killTimer(gameTimerId);150 QMessageBox::information(this, "胜利", "恭喜你!!!");151 //启动win页面

152 winMovie.start();153 ui->stackedWidget->setCurrentWidget(ui->pageWin);154 //启动定时器

155 winTimerId = startTimer(5000); //5s

156 }157 //初始化字符串结果，清空

158 resultStr.clear();159 }160 }161 }162 }163

164 Widget::~Widget()165 {166 deleteui;167 }

View Code

4  总结

主要有以下问题可能实现的时候会遇到：

(1)布局

布局这个确实不好弄，我也不太熟悉，当布局时最好先把相关联的组件放在一个Widget里面布好局之后，再进行全体布局。

(2)按钮的字体设置在QWidget类里面，而不是在QAbstractButton里。

(3)代码中，定时器我们是使用的定时器事件处理函数timerEvent()来做的，而不是信号与槽。

如果代码中还有其它问题，希望网友指出来。