码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2019-03-03 09:20:23      阅读:658      评论:0      收藏:0      [点我收藏+]

标签:http   sys.argv   下载   char   idt   pycharm   cal   交互   __init__   

一般的程序都要有个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/simple
pip 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的环境变量时应该已经找过了)

技术图片

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

第二步添加PyUIC

技术图片

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

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

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

技术图片
1 import sys
2 from PyQt5 import QtWidgets,QtCore
3 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。将左边的Text Edit拖到中间的界面中,然后在右边更改控间的名称(我用的是data_display)

技术图片

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

技术图片

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

import sys
from PyQt5 import QtCore, QtGui, uic,QtWidgets
from functools import partial
qtCreatorFile =  "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的程序

标签:http   sys.argv   下载   char   idt   pycharm   cal   交互   __init__   

原文地址:https://www.cnblogs.com/yinsedeyinse/p/10459038.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!