用PyQt5和python3.6做一个最简单的GUI的程序,,一般的程序都要有个G


一般的程序都要有个GUI来实现人机交互的功能,今天我们来用PyQt来做一个最简单的程序

软件需求:python3.6用的是Anaconda3.6(自带PyQt5,pip)

     pycharm

     PyQt5

     QtTools

环境安装和配置

由于Anaconda自带了PyQt5,不用再安装,但要用pip下载QtTools。

pip install PyQt5-tools

如果装的不是Anaconda,可以在pycharm里查一下有没有装pyqt的模块,没有的话直接pip下载安装

pip install PyQt5

但是在安装的时候发现速度格外慢,网上查了下可以这样安装,用了豆瓣的镜像

pip install PyQt5-tools -i https://pypi.douban.com/simplepip install PyQt5 -i https://pypi.douban.com/simple

PyQt5-tools安装好了以后,要在pycharm的setting里的外部工具里做配置环境(按图中的加号添加)

技术图片

第一步添加QtDesigner,找到刚才装好的PyQt5-tools的路径(在python路径下的pyqt5_tools文件夹下有个designer.exe。我的win10是C:\Users\user\Anaconda3\Lib\site-packages\pyqt5_tools,反正在设python的环境变量时应该已经找过了)

技术图片

Toolsettings里的Program选择刚才说的路径下的designer.exe,工作路径就直接粘贴$FileDir$

第二步添加PyUIC

技术图片

Program就是python.exe的路径,Parameters直接粘贴下面的代码,工作路径依旧是$FileDir$

-m PyQt5.uic.pyuic  $FileName$ -o $FileNameWithoutExtension$.py

好了以后可以用下面的代码试一试,看看PyQt是否安装、配置完成

技术图片
1 import sys2 from PyQt5 import QtWidgets,QtCore3 app = QtWidgets.QApplication(sys.argv)4 widget = QtWidgets.QWidget()5 widget.resize(860,480)6 widget.setWindowTitle("hello,pyqt5")7 widget.show()8 sys.exit(app.exec_())
GUI_Test

如果配置正确的话,运行后会弹出一个对话框.

技术图片

下面我们来结合python的代码来做一个程序,用9个按钮,像计算器一样,按一个按钮可以有对应的显示值

首先,在charm里打开QtDesigner,

技术图片

选择新建一个Main Window。将左边的TextEdit拖到中间的界面中,然后在右边更改控间的名称(我用的是data_display)

技术图片

再加入九个按钮,把控件名称改好,我用的是num_1到num_9,一共9个按钮

技术图片

把做好的界面保存好(路径随便,文件格式是.ui),下面就该写python的代码了!

import sysfrom PyQt5 import QtCore, QtGui, uic,QtWidgetsfrom functools import partialqtCreatorFile =  "calc.ui"   #这里要加ui文件的路径Ui_MainWindow, QtBaseClass = uic.loadUiType(qtCreatorFile)class MyApp(QtWidgets.QMainWindow, Ui_MainWindow):    def __init__(self):        super(MyApp,self).__init__()     #继承父类        self.data = ‘‘        QtWidgets.QMainWindow.__init__(self)        Ui_MainWindow.__init__(self)        self.setupUi(self)        # self.num_1.clicked.connect(self.set_num)        # self.num_2.clicked.connect(self.show_num(‘2‘))        self.num_1.clicked.connect(partial(self.set_num,‘1‘))    #信号——槽机制,用partial给槽传递参数        self.num_2.clicked.connect(partial(self.set_num,‘2‘))        self.num_3.clicked.connect(partial(self.set_num,‘3‘))        self.num_4.clicked.connect(partial(self.set_num,‘4‘))        self.num_5.clicked.connect(partial(self.set_num,‘5‘))        self.num_6.clicked.connect(partial(self.set_num,‘6‘))        self.num_7.clicked.connect(partial(self.set_num,‘7‘))        self.num_8.clicked.connect(partial(self.set_num,‘8‘))        self.num_9.clicked.connect(partial(self.set_num,‘9‘))    def set_num(self,x):        self.data += x        self.data_display.setText(self.data)if __name__ == "__main__":    app = QtWidgets.QApplication(sys.argv)    window = MyApp()    window.show()    sys.exit(app.exec_())

运行一下,OK

这段代码有这几个地方要注意一下:

1.我们用了partial来实现给槽传递参数的目的。

self.num_1.clicked.connect(partial(self.set_num,‘1‘))

由于Qt用的是信号——槽的机制,我们把set_num这个通过槽连到了按钮被点击的信号上。但是每个按钮对应一个函数太麻烦,这里做了个解耦,通过传递参数直接做一个函数就可以了,但是直接调用槽是不能传递参数的

self.num_1.clicked.connect(set_num)

他是这么用的,所以这里就用了个partial函数来把实参数传递给函数里的形参。

2.在定义ui路径的时候如果python文件和ui文件是在一个文件夹下,可以直接用文件名就可以,否则要用绝对路径!

qtCreatorFile =  r"D:\python\GUI\calc.ui"

记得字符串前要加‘r’来防止转义啊!


最后还留个悬念:怎么可以把这个界面和上回做的计算器连到一起呢?还在想办法没有解决!——20190303

用PyQt5和python3.6做一个最简单的GUI的程序

评论关闭