使用 Pyqt5 制作猜数游戏 GUI

作者: Python高效编程 | 来源:发表于2019-01-26 21:17 被阅读1次

    这一节,我们介绍如何使用 Pyqt5 实现猜数游戏界面。
    游戏效果图:

    ![designer.PNG](https://img.haomeiwen.com/i13452330/c2db7a241c6aebd8.PNG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    一、使用 Qt Designer

    首先,选择 Pycharm ->File->Settings-> Tools->External Tools,点击 + ,添加新项目。name 可以设为 'qt5',Program 那项填写Qt designer 这个 exe 文件所在的位置。

    这时候,Tools 菜单栏就会出现 External Tools 工具栏,点击这一项,就可以启动 Qt designer。

    二、Pyuic

    同样,选择 Pycharm ->File->Settings-> Tools->External Tools,点击 + ,添加新项目。name 可以设为Pyuic, Program 那项填写你的python.exe文件所在的地址。Arguments 那项填写-m PyQt5.uic.pyuic sample.ui -o sample.py。其中sample.ui为你需要转换的ui文件,sample.py为转化得到的py文件名。Working directory 填写 sample.ui在磁盘中的地址,我选择的位置是D:\QQPCMgr\Desktop\Pyui,这同时也是转化后的sample.py文件保存的地址。

    Python高效编程

    转换得到的 py 文件可以直接继承使用。

    三、制作 ui 文件

    我们打开 Designer,选择相应控件,将其拖到合适的位置,保存即可 ui 文件。

    这里,我选择垂直布局,从上到下分别为 QLineEdit、QLabel、QLabel、QPushButton、QPushButton、QPushButton。其中,标签名默认为空字符串,三个按钮的文字分别为:确认、退出游戏、重新开始。

    这样,我们就完成猜数游戏的界面制作了,接下来将控件与功能对应起来即可。

    Python高效编程

    通过 Pyuic 转化得到的 py 文件代码如下:

    # Python高效编程
    from PyQt5 import QtCore, QtGui, QtWidgets
    
    class Ui_Form(object):
        def setupUi(self, Form):
            Form.setObjectName("Form")
            Form.resize(504, 551)
            self.layoutWidget = QtWidgets.QWidget(Form)
            self.layoutWidget.setGeometry(QtCore.QRect(170, 200, 137, 151))
            self.layoutWidget.setObjectName("layoutWidget")
            self.verticalLayout_2 = QtWidgets.QVBoxLayout(self.layoutWidget)
            self.verticalLayout_2.setContentsMargins(0, 0, 0, 0)
            self.verticalLayout_2.setObjectName("verticalLayout_2")
            self.verticalLayout = QtWidgets.QVBoxLayout()
            self.verticalLayout.setObjectName("verticalLayout")
            self.lineEdit = QtWidgets.QLineEdit(self.layoutWidget)
            self.lineEdit.setObjectName("lineEdit")
            self.verticalLayout.addWidget(self.lineEdit)
            self.label = QtWidgets.QLabel(self.layoutWidget)
            self.label.setText("")
            self.label.setObjectName("label")
            self.verticalLayout.addWidget(self.label)
            self.label_2 = QtWidgets.QLabel(self.layoutWidget)
            self.label_2.setText("")
            self.label_2.setObjectName("label_2")
            self.verticalLayout.addWidget(self.label_2)
            self.pushButton = QtWidgets.QPushButton(self.layoutWidget)
            self.pushButton.setObjectName("pushButton")
            self.verticalLayout.addWidget(self.pushButton)
            self.pushButton_2 = QtWidgets.QPushButton(self.layoutWidget)
            self.pushButton_2.setObjectName("pushButton_2")
            self.verticalLayout.addWidget(self.pushButton_2)
            self.verticalLayout_2.addLayout(self.verticalLayout)
            self.pushButton_3 = QtWidgets.QPushButton(self.layoutWidget)
            self.pushButton_3.setObjectName("pushButton_3")
            self.verticalLayout_2.addWidget(self.pushButton_3)
            self.label_3 = QtWidgets.QLabel(Form)
            self.label_3.setGeometry(QtCore.QRect(170, 60, 161, 16))
            self.label_3.setObjectName("label_3")
    
            self.retranslateUi(Form)
            QtCore.QMetaObject.connectSlotsByName(Form)
    
        def retranslateUi(self, Form):
            _translate = QtCore.QCoreApplication.translate
            Form.setWindowTitle(_translate("Form", "Form"))
            self.pushButton.setText(_translate("Form", "确认"))
            self.pushButton_2.setText(_translate("Form", "退出游戏"))
            self.pushButton_3.setText(_translate("Form", "重新开始"))
            self.label_3.setText(_translate("Form", "微信公众号:Python高效编程"))
    

    然后,我们让主程序继承这个基类,即可得到游戏界面。

    四、实现猜数游戏

    代码结构如下:

    代码结构.PNG

    1. 初始化

    第一行的列表推导式,用于生成随机数的右界,并赋值给类变量 random_choice。

    前两行代码用于继承父类的 __init__ 参数,并执行 self.setupUi() 函数。其次,初始化实例变量。接着调用 self.random_num(),为以上的实例变量赋值。最后,调用 self.initUi() 函数来初始化界面。初始化的界面,会提示猜数范围。

    # Python高效编程
    # 生成随机数的右界
    random_choice = [i * 100 for i in range(1, 20)]
    
    
    def __init__(self, parent=None):
        # 继承主窗口类
        super(MyMainWindow, self).__init__(parent)
        self.setupUi(self)
        # 随机数的右界
        self.guess_range = None
        # 生成的随机数
        self.guess_num = None
        # 提示范围的左界
        self.left = None
        # 提示范围的右界
        self.right = None
        # 产生随机数
        self.random_num()
        # 初始化功能
        self.initUi()
    

    2. 生成随机数

    init_range() 函数为提示范围的左右界赋值, _random_range() 函数随机产生随机数的右界,而 random_num() 用来产生最终的随机数以及提示范围。

    #Python高效编程
    def init_range(self):
        # 为提示范围的左右界赋值
        self.left = 1
        self.right = self.guess_range
    
    
    @property
    def _random_range(self):
        # 随机产生随机数的右界
        return random.choice(self.random_choice)
    
    
    def random_num(self):
        self.guess_range = self._random_range
        # 产生随机数
        self.guess_num = random.randint(1, self.guess_range)
        self.init_range()
    

    3. 初始化界面

    self.label.setText() 显示标签的文本内容,标签一初始显示提示范围。self.pushButton.clicked.connect() 是说,当你摁下按钮一,会运行 self.guess() 函数。同理,按钮二、按钮三分别对应退出和重置功能。

    def initUi(self):
        # 提示数值范围
        self.label.setText('数值的范围是:{}-{}'.format(self.left, self.right))
        # 按下按钮一,运行 self.guess() 函数
        self.pushButton.clicked.connect(self.guess)
        # 按下按钮二,运行 quit() 函数
        self.pushButton_2.clicked.connect(qApp.quit)
        # 按下按钮三,运行 self.reset() 函数
        self.pushButton_3.clicked.connect(self.reset)
    

    4. 主程序

    text 用来接收 lineEdit 中的文本内容,允许浮点型的字符串。其他类型字符串会提示错误,标签一提示输入不合法,标签二提示随机数的范围,并清空 lineEdit 的文本框,将 text 赋值为空字符串。

    如果字符串不为空,继续执行接下来的程序。首先,将得到的浮点数进行向下取整操作(math.floor)。比较用户输入的数值与待猜数,如果待猜数大于用户输入的数值,说明用户猜小了。此时,如果用户输入数值大于提示范围的左界,就更新提示范围的左界为用户输入的数值。此时标签一显示提示范围,标签二显示“猜小了”。如果待猜数小于用户输入的数值,说明用户猜大了,执行相反的操作。如果待猜数与用户输入的数值相同,那么说明用户猜中了数字。QMessageBox.question() 函数用来显示对话框,QMessageBox.Yes 参数是 Yes 键,并提示用户猜中的数值。

    胜利.PNG
    # Python高效编程
    def guess(self):
        # text 接受文本框中的文本
        text = self.lineEdit.text()
        # 异常处理
        # 可处理数值型字符串,其他输入提示错误
        try:
            text = float(text)
        except:
            self.label.setText('     输入不合法')
            self.label_2.setText('数值的范围:{}-{}'.format(self.left, self.right))
            self.lineEdit.clear()
            text = ''
        # 文本不为空继续执行文件
        if text:
            num = math.floor(text)
            if self.guess_num == num:
                QMessageBox.question(self, '胜利', '恭喜你猜中了:{}'.format(self.guess_num), QMessageBox.Yes)
                self.reset()
    
            elif self.guess_num > num:
                if num > self.left:
                    self.left = num
                self.label.setText('数值的范围:{}-{}'.format(self.left, self.right))
                self.label_2.setText('      猜小了')
    
            elif self.guess_num < num:
                if num < self.right:
                    self.right = num
                self.label.setText('数值的范围:{}-{}'.format(self.left, self.right))
                self.label_2.setText('       猜大了')
            self.lineEdit.clear()
    

    5. 重置游戏

    reset() 函数,用来重置游戏。首先将实例变量设为 None,并执行 self.random_num(),产生随机数,并更新提示范围的左右界。接着清空标签一和标签二的文本内容。最后,初始化界面,并显示待猜数范围。

    # Python高效编程
    def reset(self):
        # 重置游戏
        self.guess_range = None
        self.guess_num = None
        self.left = None
        self.right = None
        self.random_num()
        self.label.setText('')
        self.label_2.setText('')
        self.initUi()
    

    6. 设置快捷键

    Qt.Key_Return 代表 Enter 键,按下 Enter 键就相当于按下按钮一,即确认键。Qt.Key_Escape 相当于 Esc 键,按下该键,就会退出游戏。Qt.Key_R 相当于 Ctrl + R 键,用来重置游戏。

    # Python高效编程
    def keyPressEvent(self, e):
        # 设置快捷键
        if e.key() == Qt.Key_Return:
            self.guess()
        elif e.key() == Qt.Key_Escape:
            qApp.quit()
        elif e.key() == Qt.Key_R:
            self.reset()
    

    以上便是本节的全部内容,主要介绍了如何使用 Pyqt5 实现猜数游戏界面。如果需要获取源代码,请关注微信公众号:Python高效编程,在微信后台回复猜数即可。

    相关文章

      网友评论

        本文标题:使用 Pyqt5 制作猜数游戏 GUI

        本文链接:https://www.haomeiwen.com/subject/yrlwjqtx.html